mermaid 8.8.4 サンプル

sequenceDiagram サンプル

IF-ELSE の入れ子、自動番号、ok
actor NG!

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

記号 #9829; OK!

sequenceDiagram
    A->>B: I #9829; you!
    B->>A: I #9829; you #infin; times more!
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!

graph サンプル

アイコンがつかえる ex.(fa:fa-user d)

graph TD
en(fa:fa-yen en)
foo(fa:fa-bug foo)
d(fa:fa-user d)

使えないテーマ設定

%%{init:{‘theme’:’base’}}%%