mermaid-cli
mermaid
Our great sponsors
mermaid-cli | mermaid | |
---|---|---|
7 | 122 | |
2,031 | 66,838 | |
4.6% | 2.1% | |
8.6 | 10.0 | |
4 days ago | 4 days ago | |
JavaScript | JavaScript | |
MIT License | 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
mermaid
-
Creating Animated Diagrams for LinkedIn
Mermaid - https://mermaid.js.org/
-
ChatCraft Adventures #13, UI Changes
This is an Issue I opened up for a potential feature. A couple weeks ago, I added nomnoml support to ChatCraft. ChatCraft renders previews for Mermaid and Nomnoml.
-
Building a Mermaid.js Gantt Chart in a FileMaker Web Viewer
Mermaid JS is a powerful JavaScript library that allows developers to create complex diagrams and visualizations using simple text and code syntax. It’s a lot like markdown, but for charts instead of plain text.
-
ChatCraft Adventures #10
Currently, ChatCraft supports Mermaid rendering. This feature request involves adding support for nomnoml rendering. Nomnoml is similar to Mermaid, in that they're both used in generating uml diagrams.
- Ask HN: Anyone use a code to mindmap/flowchart tool?
- Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text
-
Show HN: Marimo – an open-source reactive notebook for Python
Marimo looks and feels great!
Have you considered adding support for mermaid.js in the markdown? I tried including some mermaid.js in a `mo.md` invocation, but it didn't render the diagram :-)
https://mermaid.js.org/
-
Penrose – Penrose
This feels like the LaTeX version of Mermaid.js [0]. I can do anything with it, but I gotta learn a lot of new syntax. So, really cool! Gonna have to dig into this.
[0] https://mermaid.js.org/
- Mermaid: Diagramming and Charting Tool
- What website frameworks are used to build these websites?
What are some alternatives?
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
plantuml - Generate diagrams from textual description
pom-visualizer-maven-plugin - Maven plugin to visualize the POM you are working on
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
windows11 - Windows 11 in React 💻🌈⚡ [Moved to: https://github.com/blueedgetechno/win11React]
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
Fomantic-UI - Fomantic-UI is the official community fork of Semantic-UI
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
diagrams - :art: Diagram as Code for prototyping cloud system architectures
text-to-diagram-site - Compare syntax, layouts, outputs between languages for generating diagrams with text.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams