什麼是桑基圖？
桑基圖是一種流量圖，其中箭頭的寬度與其代表的流量成正比。它們擅長展示數量如何在系統中流動、分裂和合併。以愛爾蘭的 Matthew Sankey 上校命名，這些圖表對於視覺化能源轉換、預算流向、轉化漏斗以及任何理解比例流動很重要的過程都不可或缺。
編輯與預覽
使用 Mermaid 語法創建 桑基圖，即時查看效果。
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15常見使用場景
轉化漏斗分析
視覺化使用者在行銷或銷售漏斗中的流動。查看使用者在哪裡流失以及每個階段的流量轉化情況。
能源流視覺化
展示能源如何在系統中產生、轉化和消耗。追蹤每個階段的損耗和效率。
預算和成本流向
說明資金如何從收入來源透過部門流向支出。使財務分配直觀易懂。
供應鏈映射
追蹤材料和產品從供應商到製造再到配銷的流向。視覺化每個階段的數量。
核心功能
比例箭頭
箭頭寬度自動縮放以表示流量，使相對體量一目了然。
節點標籤
使用描述性標籤定義來源節點和目標節點，識別流程中的每個階段或實體。
多路流向
展示從一個來源分流到多個目標，或多個來源匯入一個目標。
類 CSV 語法
使用直觀的來源、目標、值三元組定義流量，易於撰寫和維護。
最佳實踐
從左到右流動
安排圖表使流動從左到右，匹配自然閱讀方向和時間進程。
使用有意義的節點名稱
清晰標註節點，讓讀者立即理解每個階段或實體代表什麼。
限制複雜度
保持流量和節點數量可管理。過多交叉的箭頭會降低可讀性。
確保資料準確
驗證流量值的準確性，因為視覺比例直接向讀者傳達數量資訊。
探索其他圖表類型
流程圖
使用節點和方向箭頭視覺化流程、工作流程和演算法。非常適合商業流程和決策樹。
時序圖
記錄不同角色或系統之間隨時間的互動。適用於 API 文件和系統設計。
類別圖
以類別、屬性和關係建模物件導向系統。軟體架構規劃不可或缺的工具。
狀態圖
呈現系統或應用程式中的狀態轉換。非常適合建模生命週期狀態和工作流程。
甘特圖
規劃和追蹤專案時程及任務依賴關係。非常適合專案管理和排程。
ER 圖
設計包含實體和關係的資料庫架構。適用於資料庫建模和文件。
使用者旅程
繪製使用者在各接觸點的體驗和互動。非常適合 UX 設計和顧客旅程分析。
Git 圖
視覺化 Git 分支策略和提交歷史。有助於說明版本控制工作流程。
心智圖
組織創意、腦力激盪和建立層次化視覺結構。適合規劃和知識管理。
圓餅圖
以圓形圖表展示資料比例分布。適合顯示百分比和市場份額分析。
時間線
沿時間軸視覺化事件和里程碑。適合專案歷史和路線圖展示。
看板
將任務按工作流階段組織到欄中。適合敏捷專案管理和任務追蹤。
四象限圖
在雙軸網格上繪製項目進行比較和優先順序排定。適合功能優先順序和策略分析。
XY 圖表
建立帶有可自訂座標軸的長條圖和折線圖。適合資料視覺化和趨勢分析。
區塊圖
用行列排列的區塊建構結構化佈局。適合系統架構和元件概覽。
架構圖
使用服務圖示和連線設計雲端和系統架構。適合基礎設施文件。
封包圖
視覺化網路協定封包結構和位元級欄位佈局。適合網路協定文件。