-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Some nits:
The "Example" buttons don't jump out at me; I found them but it took a while. Also consider labeling them with their point, e.g. "Example 3: Color"
If you change the input text to something well-formed, the graph seems to update immediately. But if you change it to something ill-formed, the graph doesn't update immediately — and then if you click "Generate" manually, it blanks the input box. Either this is a bug, or the "Generate" button doesn't do what I think it does (i.e. generate output). Again, adding a noun to the verb might help. Or just adding some usage information somewhere on the page.
For those like me who've never heard of "Mermaid," apparently it's like GraphViz's dot language but different. https://github.com/mermaid-js/mermaid
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
I use this for generating AWS deployment diagrams, which is kinda similar - https://github.com/mingrammer/diagrams
-
I've used [mmdc](https://github.com/mermaid-js/mermaid-cli) to generate mermaid images from a Makefile. It looks like it is implemented with puppeteer, so perhaps it doesn't quite fit your request. But if you just want something you can use at the cli, it is great.
-
-
-
Yes, over the course of time I want to increase the coverage of the Mermaid syntax.
PS: it's open source so feel free to help out ;) https://github.com/AlexanderGrooff/mermaid-ascii
Related posts
-
Mermaid: Diagramming and Charting Tool
-
Argdown, like Markdown for argument mapping
-
Mermaid Gantt diagrams are great for displaying distributed traces in Markdown
-
LLM + Mermaid: How Modern Teams Create UML Diagrams Without Lucidchart
-
plantuml VS vizdom - a user suggested alternative
2 projects | 1 Sep 2024