Mermaid Diagrams

Mermaid is a tool that draws diagrams from a simple textual description.

You can draw flowcharts, pie charts, sequence diagrams, class diagrams and many more.

The diagram description can be embedded in comments, surrounded by @MERMAID_START...@MERMAID_END pragmas.

To display a Mermaid diagram, you can:

  • place the cursor on the description and use the DVT: Show Diagram command

  • place the cursor on the description and open the Inspect View by using the Inspect: Focus on Inspect View command

../../_images/mermaid_diagram.gif

Note

The Mermaid documentation is available here.

Note

DVT uses Mermaid version 11.15.0.