Mermaid Diagrams

supports:

• Mermaid diagrams/charts: - flow charts - sequence diagrams - timelines configuration:
• toggled via Obsidian compatibility theme:
• matches site theme by default

Warning

render_failure:

• ensure ObsidianFlavoredMarkdown is ordered after SyntaxHighlighting in plugin configuration

Syntax

diagram_block:

• use a mermaid code block:

```mermaid
sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!
```

rendered_example:

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!