Mermaid Examples

mermaid.md

Include diagrams in your Markdown files with Mermaid | The GitHub Blog

  graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;

Loading

Flowchart

flowchart LR
   A -- text --> B -- text2 --> C

   a --> b & c--> d

Loading

flowchart TB
    c1-->a2
    subgraph one
      a1-->a2
    end
    subgraph two
      b1-->b2
    end
    subgraph three
      c1-->c2
    end

Loading

Sequence diagram

sequenceDiagram
    participant A as Alice
    participant J as John
    A->>J: Hello John, how are you?
    J->>A: Great!

Loading