<div dir="ltr"><div>I've been working on writing Javascript to generate lexical language diagrams for the <a href="http://getlazarus.org">getlazarus.org</a> learning center portal. </div><div><br></div><div>With my script I'm able to render these diagrams which will be appear under the Free Pascal language Lexical topic:</div><div><br></div><a href="http://cache.getlazarus.org/images/lexical-diagrams.png">http://cache.getlazarus.org/images/lexical-diagrams.png</a><br><div><br></div><div>Hopefully they are clear enough in their schematic design such they're understandable. I'll be adding code examples and brief summaries to each diagram which will likely be of aide.</div><div><br></div><div>Also, I am considering rendering hover over tooltips with popup lexical diagrams on pages similar to the Language overview page.</div><div><br></div><div><a href="http://www.getlazarus.org/learn/language/overview/">http://www.getlazarus.org/learn/language/overview/</a><br></div></div>