Live data from Hacker News

Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax

github.com

1–10 of 55 posts

Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax

#7

How does this compare to graphviz? ( http://www.graphviz.org/ )

They have a broadly similar syntax for directed graphs, but Mermaid also provides a simple syntax for drawing UML sequence or class diagrams. You can draw class diagrams with GraphViz, but it's comparatively kludgy [1].

[1]: http://www.ffnn.nl/pages/articles/media/uml-diagrams-using-g...

Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax

#8
post #5

As 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

Re: Mermaid: Generate Diagrams and Flowcharts with Markdown Like Syntax

#9
post #6

This reminds me of PlantUML, http://plantuml.com/ .

Very much so, I have tried to paste in some more complex sequence diagrams I have written and they almost work. Except no aliases and no on the fly creation/destruction of participants. (or maybe the syntax is different)

I would prefer if this actually followed the plantuml syntax exactly, that way one could ditch the official java application which is quite bad (and graphs are quite ugly)

Post reply on HN