My Information Just Under Glass

This page demonstrates various Mermaid diagrams supported in Jekyll with the jekyll-mermaid plugin. It isusing the delivery slides template.

  graph TD
    A[Start] --> B[End]

Flowchart Example

flowchart TD
    A[Start] --> B{Is it working?}
    B -- Yes --> C[Celebrate]
    B -- No --> D[Debug]
    D --> B

Sequence Diagram Example

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>Bob: Hello Bob, how are you?
    Bob-->>Alice: I am good thanks!

Gantt Chart Example

gantt
    title Project Timeline
    dateFormat  YYYY-MM-DD
    section Development
    Code        :a1, 2025-08-01, 5d
    Test        :after a1  , 3d
    Deploy      :2025-08-10, 2d

Mindmap Example

mindmap
  root
    Branch 1
      Sub-branch 1
      Sub-branch 2
    Branch 2
      Sub-branch 3

Pie Chart Example

pie
    title Project Distribution
    "Frontend" : 40
    "Backend" : 30
    "DevOps" : 20
    "QA" : 10

State Diagram Example

stateDiagram-v2
    [*] --> Ready
    Ready --> Working
    Working --> Done
    Done --> [*]

All diagrams above use fenced code blocks with mermaid for compatibility with the Jekyll plugin.