Hacker Read top | best | new | newcomments | leaders | about | bookmarklet login

I had just learned about Mermaid and used it standalone once, when I realized it is also already built into Github Markdown [0], where you can include a diagram by just going ```mermaid <code>```, which is veeery handy. In mermaid.live can also get an SVG URL which works great to paste into many online drawing tools like Miro, Diagrams.net etc.

[0] https://docs.github.com/en/get-started/writing-on-github/wor...



sort by: page size:

Best part about Mermaid is you can include it directly in GitHub markdown, e.g. README files: https://github.blog/2022-02-14-include-diagrams-markdown-fil...

Some time ago, github introduced support for Mermaid diagrams (https://github.blog/2022-02-14-include-diagrams-markdown-fil...), a nice perk is that you don't need to compile the diagrams because github renders these automatically.

I've searched for something like this before. I was looking to create diagrams in a markdown file. I found mermaid was a better option in that specific case. https://mermaid-js.github.io/mermaid/#/

Mermaid is great for keeping simple diagrams in Markdown documents, and GitHub very recently started supporting it. Beats taking screenshots and uploading PNGs to the repo for sure!

For those using VS Code, this GitHub Markdown extension also renders mermaid: https://marketplace.visualstudio.com/items?itemName=bierner....


Mermaid is a “Markdown for diagrams” that seems to use a more semantic markup instead of ASCII art: https://github.com/knsv/mermaid

Would probably work nice as a plugin for a wiki.


I use Mermaid to add diagrams to my markdown files, and it's great!

maybe have a look at https://mermaidjs.github.io. it's markdown for diagrams


I like this! I'd love it if Github rendered Mermaid diagrams in their Markdown.

I think you can embed the mermaid text directly into draw.io/diagrams.net. It becomes a boxed object so a bit painful to edit but make it easy to get a quick diagram up.

https://www.diagrams.net/blog/mermaid-diagrams gives an example.

The svg approach is pretty good too, good idea.


As of February 2022, GitHub supports Mermaid diagrams directly: https://github.blog/2022-02-14-include-diagrams-markdown-fil...

This may help with adoption.


Mermaid would not be my first choice of diagramming software (that would be plain old Graphviz with PlantUML for more full featured graphs), but I'm glad to see some diagramming support on GitHub natively. There's already quite a few tools that let you embed via hotlink or generated link your graph.

[1] https://graphviz.org/ [2] https://plantuml.com/


I enjoy using Mermaid: https://mermaidjs.github.io

It does not support all the diagrams yet, but it's completely themable and you can code away your diagrams like you would with dot/graphviz.

It integrates well into any Markdown tool, Gitlab integrated it about a year ago so it's natively available in Gitlab flavored Markdow.




I learnt about mermaid [0] literally yesterday.

I was wondering about version controlling flowchart and came across mermaid. As soon as I saw your tool, I thought adding export to mermaid plaintext would be nice.

And you already have that in there! I am looking forward to using your tool ASAP.

Github natively supports mermaidjs in their markdown, I wonder what kind of Github integration can be possible in Knotend.

[0] https://github.blog/2022-02-14-include-diagrams-markdown-fil...


What kind of drawings? If you're just looking for diagrams, https://github.com/mermaid-js/mermaid is good.

If you start getting into this kind of thing, you'll want to take a look at https://kroki.io which supports Mermaid along with lots of other diagramming formats.

Mermaid lets you create diagrams using code. Really nice.
next

Legal | privacy