Diagrams¶

Mermaid diagrams render inline from fenced code blocks. Just use a ```mermaid fence:

Flowchart¶

flowchart TD
    A[Sign up for a workshop] --> B{Age group?}
    B -->|5-8| C[Birdhouse build]
    B -->|9-12| D[Toolbox build]
    C --> E[Take home your project!]
    D --> E

Sequence diagram¶

sequenceDiagram
    participant Parent
    participant Store
    participant Kid
    Parent->>Store: Register child
    Store-->>Parent: Confirmation
    Parent->>Kid: Workshop day!
    Kid->>Store: Build project
    Store-->>Kid: Certificate