免費線上 Mermaid 流程圖產生器
Mermaid 原始碼
預覽
渲染後的圖表將在此顯示。
圖表設定
貼上任意有效的 Mermaid 流程圖語法，渲染後可將結果匯出為 SVG。
範例
小技巧
- 使用
graph TD或flowchart TD繪製由上而下圖表。 - 使用
graph LR或flowchart LR繪製由左到右圖表。 - 使用
{}表示菱形/判斷節點，[]表示矩形節點。 - 標籤盡量簡短，讓版面更清晰。