Reminds me of http://www.websequencediagrams.com , though that isn't open source.
http://www.lucidchart.com has similar functionality as well.
Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
11–20 of 55 posts
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#12draw.io [1] has this hidden under Arrange->Insert->From Text and is also open source [2]. I work on the project.
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#13Great work! Really excited to see something that's easy, pretty, and open source. All the alternatives mentioned here are lacking at least one of those areas. Thanks for sharing.
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#14draw.io [1] has this hidden under Arrange->Insert->From Text and is also open source [2]. I work on the project. [1] https://www.draw.io [2] https://github.com/jgraph/draw.io
draw.io is awesome! Thanks for the hard work!
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#15Came across this a while ago, and used extensively for this:
https://github.com/ianmiell/learn-git-the-hard-way/blob/mast...
very very handy!
Since then I found this: http://live.yworks.com/
which looks nice but haven't used in anger.
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#16Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#17draw.io [1] has this hidden under Arrange->Insert->From Text and is also open source [2]. I work on the project. [1] https://www.draw.io [2] https://github.com/jgraph/draw.io
Echoing the other comments, draw.io is fantastic for making state diagrams. Easy to use and lots of features!
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#18As a reference: graphs with TikZ: http://www.texample.net/tikz/examples/tag/graphs/ Also a easy-to-write (and read!) syntax, but so much more powerful. See also: https://www.overleaf.com/6471895cgxfsd#/21846512/ for automatic positioning.
The examples showing TikZ used to draw a sequence diagram [1, 2] or class diagram [3] are far more verbose than the examples in the mermaid readme [4], so mermaid looks easier to write. [1]: http://www.texample.net/tikz/examples/pgf-umlsd/ [2]: http://www.texample.net/tikz/examples/sequence-diagram/ [3]: http://www.texample.net/tikz/examples/class-diagram/ [4]: https://github.com/knsv/mermaid
In LaTeX things can be extremely verbose in general. But for TikZ it is easy to do one note or edge per line.
Sure, mermaid looks even more compact, but at a huge price of flexibility. (Don't take me wrong - for sure it has its use-cases!)
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#19I've been using this for a while, it's quite nice. There are some editor plugins for it too (of varying usefulness).
Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax
#20Seems very similar to blockdiag[0] which works well with Sphinx documentation.