user@dailytools:/mermaid-editor█
Mermaid 圖表編輯器
Mermaid 語法
預覽
100%Ctrl + 滾輪縮放 / 拖曳平移
輸入 Mermaid 語法以預覽圖表
語法說明
基本語法
| flowchart TD｜方向：TD 上到下、LR 左到右 |
| A[方形] B(圓角) C((圓形)) D>旗標] |
| A --> B 箭頭、A --- B 連線、A -.-> B 虛線 |
| sequenceDiagram｜participant 定義角色、->> 訊息 |
| classDiagram｜class 類別名稱、+public -private |
| gantt｜section 分組、task: 日期範圍 |
| pie｜"標籤" : 數值 |
| mindmap｜縮排表示層級關係 |
小技巧
| 1 | 點擊範本快速載入範例語法 |
| 2 | 修改後 500ms 自動重新渲染 |
| 3 | PNG 匯出為 3 倍解析度 |