generated at
2/22/2025, 11:19:54 PM
Mermaid記法のサンプル
Mermaid
公式サイトから以下のサンプルコードを転記して、描画されるか試した
Flowchart Diagrams
Sequence Diagram
Class Diagram
State Diagram
Entity Relationship Diagrams
User Journey Diagram
Gantt Diagram
Pie Chart Diagrams
Quadrant Chart
Requirement Diagram
Gitgraph Diagram
C4 Diagram
Mindmaps
Timeline Diagram
Zenuml Diagram
Sankey Diagram
補完用
mmdflow テンプレート フローチャート flowchart subgraph sub %% dbra(db)bra a -- text --> d end
🔍mmdflow テンプレート フローチャート 全部乗せ
mmdseq テンプレート シーケンス sequenceDiagram autonumber box box actor A as User participant B as Sys end A ->> B: req B -->> A: res
mmder テンプレート ER図 erDiagram a ||--o| b: "1:0or1" a ||--|| d: "1:1" a ||--o{ f: "1:n" a ||--|{ h: "1:n"
mmdgantt テンプレート ガントチャート gantt title text dateFormat YYYY-MM-DD HH:mm axisFormat %m/%d(%a) section sec task1: done, t1, 2023/1/1, 2d task2: active, t2, after t1, 1d task3: crit, t3, after t2, 1d task: milestone, t, 2023/1/5, 1d
mmdgit テンプレート GitコミットグラフgitGraph TB: commit tag:"a" branch develop commit id:"zzz" checkout main branch hotfix commit checkout develop merge hotfix id:"abc" checkout main merge hotfix tag:"2" checkout develop