Discussion:
Mermaid: markdown for diagrams
Joseph Reagle
2015-04-14 10:39:22 UTC
Permalink
Over the years I know there's been some discussion of diagrams in
markdown and for those that like haskell, there is a filter for EDSL
diagrams [1]. I recently came across a markdown like diagramming spec
that looks to be gaining momentum: mermaid [2].

```
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```

[1]: https://github.com/diagrams/diagrams-pandoc
[2]: https://github.com/knsv/mermaid
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+***@googlegroups.com.
To post to this group, send email to pandoc-***@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/552CEE5A.7060103%40reagle.org.
For more options, visit https://groups.google.com/d/optout.
Ivan Lazar Miljenovic
2015-04-14 11:47:38 UTC
Permalink
Looks like an overly simplified dynamically rendered version of Dot code...
Post by Joseph Reagle
Over the years I know there's been some discussion of diagrams in
markdown and for those that like haskell, there is a filter for EDSL
diagrams [1]. I recently came across a markdown like diagramming spec
that looks to be gaining momentum: mermaid [2].
```
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
[1]: https://github.com/diagrams/diagrams-pandoc
[2]: https://github.com/knsv/mermaid
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/552CEE5A.7060103%40reagle.org.
For more options, visit https://groups.google.com/d/optout.
--
Ivan Lazar Miljenovic
***@gmail.com
http://IvanMiljenovic.wordpress.com
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+***@googlegroups.com.
To post to this group, send email to pandoc-***@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CA%2Bu6gbzB09pdT0WCLQ%3D40jVi%3DF8EoYZeQpvV4ScRg7MKJKNBhQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
John MacFarlane
2015-04-14 16:49:34 UTC
Permalink
This looks similar to dot, maybe a little easier. Filters
are a great way to integrate this kind of declarative
diagram into your markdown. You could create a filter for
mermaid.

Some examples:
https://github.com/jgm/pandocfilters/blob/master/examples/graphviz.py
https://github.com/jgm/pandocfilters/blob/master/examples/tikz.py
https://github.com/claudio-mattera/pandoc-tikz
Post by Joseph Reagle
Over the years I know there's been some discussion of diagrams in
markdown and for those that like haskell, there is a filter for EDSL
diagrams [1]. I recently came across a markdown like diagramming spec
that looks to be gaining momentum: mermaid [2].
```
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
[1]: https://github.com/diagrams/diagrams-pandoc
[2]: https://github.com/knsv/mermaid
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/552CEE5A.7060103%40reagle.org.
For more options, visit https://groups.google.com/d/optout.
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+***@googlegroups.com.
To post to this group, send email to pandoc-***@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/20150414164934.GB11687%40protagoras.berkeley.edu.
For more options, visit https://groups.google.com/d/optout.
Daniel Bergey
2015-04-15 16:15:34 UTC
Permalink
Mermaid looks cool. Some of that can be done with dot / graphviz, but I
haven't seen another text tool for Gantt charts or the network protocol
diagrams.

Thanks also for the diagrams-pandoc link. I hope to make a first release
of that soon, along with better docs. I note that Diagrams is mostly
lower-level, a way to make vector graphics in general, rather than
particular classes of conventional diagrams.

cheers,
bergey
Post by Joseph Reagle
Over the years I know there's been some discussion of diagrams in
markdown and for those that like haskell, there is a filter for EDSL
diagrams [1]. I recently came across a markdown like diagramming spec
that looks to be gaining momentum: mermaid [2].
```
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
[1]: https://github.com/diagrams/diagrams-pandoc
[2]: https://github.com/knsv/mermaid
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/552CEE5A.7060103%40reagle.org.
For more options, visit https://groups.google.com/d/optout.
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+***@googlegroups.com.
To post to this group, send email to pandoc-***@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/878udtqsex.fsf%40chladni.home.
For more options, visit https://groups.google.com/d/optout.
Loading...