About Mermaid

Mermaid renders diagrams from simple markdown code. It can be used

• via integrating the available js library (yarn add mermaid),
• online via Mermaid-Live,
• is available in Github markdown files (and others)
• and can be easily integrated into hugo¹

Here are some examples taken from Mermaid Live:

flowchart TD
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[fa:fa-car Car]

Flowchart Cheatsheet