Mermaid記法

フローチャート

code:mermaid

graph TD;

A-->B;

A-->C;

B-->D;

C-->D;

シーケンス図

code:mermaid

sequenceDiagram

participant A

participant B

A->>B: AからBへ

loop

A->>A: テスト

end

Note right of A: memo <br/>テスト

A-->>B: AからBへ

A->>C: AからCへ

C-->>A: CからAへ

ガントチャート

code:mermaid

gantt

dateFormat YYYY-MM-DD

title ガントチャートのサンプル

excludes weekdays 2014-01-10

section A section

完了したタスク:done, des1, 2022-07-06,2022-07-08

アクティブなタスク:active, des2, 2022-07-09, 3d

未来のタスク: des3, after des2, 5d

別な未来のタスク: des4, after des3, 5d

クラス図

code:mermaid

classDiagram

classA <|--|> classB

classC *--* classD

classE o--o classF

classG <--> clasH

classI -- classJ

classK <..> classL

classM <|..|> classN

classO .. classP

円グラフ

code:mermaid

pie showData

title テスト

"A" : 10

"B" : 50

"C" : 20

"D" : 20

参考