Mermaid Diagrams

Display diagrams using Mermaid

Mermaid lets you create visual diagrams using text and code.

Here’s an example of a Mermaid flowchart:

Types of Diagrams

You can create various types of diagrams including:

• Flowcharts
• Sequence diagrams
• Class diagrams
• State diagrams
• Entity relationship diagrams
• User journey diagrams
• And more

Visit the Mermaid website for a complete list of supported diagrams.

Usage

To create a Mermaid diagram, simply wrap your Mermaid code in a code block with the ‘mermaid’ language specifier:

```mermaid
// Your mermaid code here
```