mermaid-cli
nomnoml
mermaid-cli | nomnoml | |
---|---|---|
7 | 5 | |
2,048 | 2,635 | |
5.4% | - | |
8.4 | 5.7 | |
2 days ago | about 1 month ago | |
JavaScript | TypeScript | |
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
nomnoml
-
ChatCraft Adventures #10
To support nomnoml rendering, I am using the skanaar/nomnoml library. However, my feature is not perfect. For one, sometimes the LLM can return bad nomnoml syntax (at least when using GPT-3.5). Other times, the nomnoml render does not fit within the React Card:
- Ask HN: Anyone use a code to mindmap/flowchart tool?
- Nomnoml
- nomnoml: The sassy UML diagram renderer
-
system design diagrams in Org Mode
Nomnoml?
What are some alternatives?
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
ob-mermaid - Generate mermaid diagrams within Emacs org-mode babel
pom-visualizer-maven-plugin - Maven plugin to visualize the POM you are working on
react-diagrams - a super simple, no-nonsense diagramming library written in react that just works
windows11 - Windows 11 in React π»πβ‘ [Moved to: https://github.com/blueedgetechno/win11React]
X6 - π JavaScript diagramming library that uses SVG and HTML for rendering.
Fomantic-UI - Fomantic-UI is the official community fork of Semantic-UI
grafana-diagram - A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams
diagrams - :art: Diagram as Code for prototyping cloud system architectures
TOAST UI Editor - ππ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
text-to-diagram-site - Compare syntax, layouts, outputs between languages for generating diagrams with text.
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown