mermaid-cli
graphviz-tutorial
Our great sponsors
| mermaid-cli | graphviz-tutorial | |
|---|---|---|
| 7 | 1 | |
| 2,020 | 37 | |
| 4.1% | - | |
| 8.6 | 10.0 | |
| 5 days ago | about 6 years ago | |
| JavaScript | Shell | |
| MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
mermaid-cli
- Nomnoml
- The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS
-
D2 is now open source – a new, modern language that turns text to diagrams
you can use mermaid-cli to create pngs/svgs
-
Mermaid: Create diagrams and visualizations using text and code
I come from past experiments with (py)graphviz, yed, probably a couple other forgotten things. (As well as manual diagrams in LucidChart and even Inkscape.) And am generally a non-web python guy.
I was looking at Mermaid last weekend, since a coworker has praised it a few times and I was wanting to play with it.
I think my expectation of how to use it was wrong? I typically expect to share my diagrams as .png files. The main documentation didn't seem to give much guidance in this usecase.
I ended up going to https://github.com/mermaid-js/mermaid-cli ... there didn't seem to be a simple install-and-use pathway similar to `apt` or `pip`, so I ended up trying the docker image for it. I got it working to create pngs, but I thought having to mess with docker volume mounts and defining my own aliases (`alias mermaid='docker run -u $UID -it --rm -v ~/mermaid:/data minlag/mermaid-cli -i'` so I can do `mermaid blah.mmd` in my ~/mermaid folder) was a bit cumbersome...
Just sharing to see if there's hot takes on where I went wrong, I guess. (for example, I certainly didn't extensively read the docs to understand the usage paradigm it's intended for)
- Open Source Flowchart Generator?
-
Diagrams as Code
node cli tool if java isn’t your thing. https://github.com/mermaid-js/mermaid-cli
graphviz-tutorial
-
Mermaid: Create diagrams and visualizations using text and code
* options for editors (including online ones! https://mermaid.live rocks)
Casey's Mermaid.js tutorial: https://www.happyandeffective.com/blog/realtime-collaborativ...
---
I also wrote a tutorial for graphviz (which does not have GitHub or Notion support last I checked). I'm so proud of it -- it's the most starred graphviz tutorial on GitHub
Casey's Graphviz tutorial: https://github.com/caseywatts/graphviz-tutorial
What are some alternatives?
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
pom-visualizer-maven-plugin - Maven plugin to visualize the POM you are working on
ob-mermaid - Generate mermaid diagrams within Emacs org-mode babel
windows11 - Windows 11 in React 💻🌈⚡ [Moved to: https://github.com/blueedgetechno/win11React]
go-diagrams - Create beautiful system diagrams with Go
Fomantic-UI - Fomantic-UI is the official community fork of Semantic-UI
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
diagrams - :art: Diagram as Code for prototyping cloud system architectures
obsidian-releases - Community plugins list, theme list, and releases of Obsidian.
text-to-diagram-site - Compare syntax, layouts, outputs between languages for generating diagrams with text.