Flowchart.js – Simple SVG flow chart diagrams from textual representation

This looks really awesome. The description language really needs documentation though; it's pretty hard to figure out what to do just from the examples and the parser's source.

Reminds of <a href="http:&#x2F;&#x2F;knsv.github.io&#x2F;mermaid&#x2F;flowchart.html" rel="nofollow">http:&#x2F;&#x2F;knsv.github.io&#x2F;mermaid&#x2F;flowchart.html</a><p>Both could use better node layout engines and support for DOT syntax or might be easier to adapt graphviz with Emscripten.

Is there something similar to this for making server infrastructure maps? Just something where one can define db, web, network device, whatever, and then make a layout diagram with maybe name and IP address thrown in there?<p>And apologies for another &quot;is there something like this for X&quot; comment!

Remind me of this old service: <a href="https:&#x2F;&#x2F;www.websequencediagrams.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.websequencediagrams.com&#x2F;</a>

This is a wonderful tool for simple flow charting. I agree with other posters that a little more documentation would be nice and would also like to request the ability to export the underlying SVG (I&#x27;m still browsing source to see if that exists). I&#x27;m willing to help add both, thank you for this!

Very cool! I really hate getting a bunch of visio flow charts to describe processes - those aren&#x27;t things that I can easily modify without having the proper application. Does anybody know of other tools that take some sort of simple language and converts it into a flow like this?

Is there something like this for directed graphs?

AWESOME that it&#x27;s SVG but dot&#x2F;graphviz supports SVG output.<p>What I&#x27;ve been doing is I just have a dir of .dot files and then I have a gen.sh script which writes the SVG&#x2F;PNG files.<p>Dot is a bit more low level but more powerful. Great for documenting protocols or state machines.

Cool but I want to encode the textual representation as a URL and have a service return the SVG so I can embed this in e.g. a GitHub Markdown document. See e.g. <a href="http:&#x2F;&#x2F;yuml.me" rel="nofollow">http:&#x2F;&#x2F;yuml.me</a>

I might have started with DOT. I get that this is more specialized, though. Nice work.

is there a way to group together conditions?