Mermaid Addon

MermaidJS is a set of Domain Specific Languages (DSL) to quickly define diagrams through textual representation. You can find a full description on the ThoughWorks Radar vol 19:

Here are a few examples with different themes:

Flow Chart

AWS Architecture



Themes

Default & Show Source



Forest



Dark



Neutral





Gantt Chart

Sequence Diagram

Git Graph



Full Documentation

Please refer to the full documentation on https://mermaidjs.github.io/



Search this documentation

Recently Updated Pages