Frank's Home Page

Mermaid Sequence Diagram

This is a test page to show which features of Mermaid work using the Mermaid plugin.

Example

sequenceDiagram Alice->>John: Hello John, how are you? John-->>Alice: Great! Alice-)John: See you later!

Syntax

Participants

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

Aliases

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

Messages

[Actor][Arrow][Actor]:Message text

Activations

sequenceDiagram Alice->>John: Hello John, how are you? activate John John-->>Alice: Great! deactivate John

or shortcut notation by appending + / - suffix

sequenceDiagram Alice->>+John: Hello John, how are you? John-->>-Alice: Great!

Activations can be stacked for same actor

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!

Notes

Example

sequenceDiagram participant John Note right of John: Text in note

or spanning two participants

sequenceDiagram Alice->John: Hello John, how are you? Note over Alice,John: A typical interaction

Loops

Example

sequenceDiagram Alice->John: Hello John, how are you? loop Every minute John-->Alice: Great! end

Alt

Example

sequenceDiagram Alice->>Bob: Hello Bob, how are you? alt is sick Bob->>Alice: Not so good :( else is well Bob->>Alice: Feeling fresh like a daisy end opt Extra response Bob->>Alice: Thanks for asking end

Parallel

par [Action 1]
... statements ...
and [Action 2]
... statements ...
and [Action N]
... statements ...
end

Examples shown don't have Mermaid code to work with

Background Highlighting

rect rgb(0, 255, 0)
... content ...
end
rect rgba(0, 0, 255, .1)
... content ...
end

Again, no code example. Just output.

...

Entity codes to escape characters

Example

sequenceDiagram A->>B: I #9829; you! B->>A: I #9829; you #infin; times more!

sequenceNumbers

Example

sequenceDiagram autonumber Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!

...

Next Post Previous Post