Mermaid Cheat Sheet

• mermaid

  123 67,034 10.0 JavaScript

  Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

  

Individual diagrams have their grammar in a .jison file.

Flowchart: https://github.com/mermaid-js/mermaid/blob/develop/packages/...

A single grammar to support all the different use cases would be challenging. But we did have some plans to introduce guidelines to make different diagram syntaxes more consistent.

• quickadd

  38 188 5.3 Python

  Parse natural language time and date expressions in python (by Acreom)

  

there's also D2 https://d2lang.com/tour/intro/ which is worth exploring.

if anyone wants to try out mermaid in their own .md knowledge base we've built a smooth editor experience in https://acreom.com (no account required).

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• text-to-diagram-site

  27 378 6.5 TypeScript

  Compare syntax, layouts, outputs between languages for generating diagrams with text.

  

I think Mermaid is better than PlantUML to write something quickly.

But D2 looks very promising. I like the simpler and more intuitive syntax.

https://text-to-diagram.com/

• fusionauth-site

  6 43 9.9 MDX

  Website and documentation for FusionAuth

  

I actually have much more experience with plantuml (we actually have a plugin which generates diagrams for our jekyll/asciidoc docs site: https://github.com/FusionAuth/fusionauth-site/blob/master/si... ), but I have recently started using mermaid for a project and like it so far.

Suggest a related project