流程類
圖形化表達方式
思維類
結構化表達方式
筆記類
高效化表達方式

如何運用桑基圖清晰展現資源的流動關係?附模板與案例

Skye , ProcessOn 首席營運長
2026-06-05
27
facebook x

在數據分析與視覺化領域,我們常常需要展示「流向」關係——例如資金從哪個管道來源、經過哪些環節、最終流向了何處;或者能源如何從一次能源轉化為終端消費;又或者用戶從進入網站到最終轉化的行為路徑。這些複雜的分流、匯聚與轉移關係,用普通的長條圖或圓餅圖很難清晰表達。這時,桑基圖(Sankey Diagram)就派上大用場了。

本文將系統說明桑基圖的定義、起源、核心特徵、應用場景,同時,我們將介紹如何利用ProcessOn等線上圖表工具快速繪製專業的桑基圖,讓資料流動一目了然。

Ⅰ.什麼是桑基圖?

桑基圖是一種用於視覺化流量、能量或數量流動的特定類型的流程圖。它由一系列從左側流向右側(或從上至下)的寬窄且不同的帶狀線條組成,線條的寬度直接代表流量的大小。透過這種視覺隱喻,使用者可以直觀地看到資源在各個環節之間的分佈、轉移和損耗。

1. 名稱由來與歷史

桑基圖得名於愛爾蘭裔英國工程師Matthew Henry Phineas Riall Sankey(馬修·亨利·菲尼亞斯·裡亞爾·桑基)。 1898年,桑基在一篇關於蒸汽機能源效率的論文中首次使用了這種能量流圖,用以展示煤炭輸入的能量如何最終轉化為有用功以及散失的熱量。因此,這種圖形也被稱為「桑基能量流圖」。

後來,桑基圖的應用遠遠超越了熱力學領域,並廣泛用於經濟學、物流、運輸、生物學、環境科學、網路分析等眾多領域。

2. 桑基圖的核心特徵

流量寬度與數值成正比:每個流線的厚度代表流量的大小,觀察者一眼就能看出哪些環節流量大、哪些環節損耗多。

方向性:通常從左到右表示流程的階段,箭頭指示流動方向。

節點:流動經過的點,可以是來源、中間環節或最終目的地。

守恆性:流入節點的總流量應該等於流出節點的總流量(除非節點內部主動或匯),這體現了能量守恆或物質守恆原則。

創建桑基圖→

Ⅱ.桑基圖的主要應用場景

1.能源與工業

最經典的應用。展示發電廠從一次能源(煤、天然氣、核能、再生能源)輸入到電力、熱力、損耗等輸出。例如,國際能源總署(IEA)每年發布的世界能源流桑基圖,直觀顯示了全球能源供應與消費格局。

發電廠能源流向桑基圖

2. 金融與預算

追蹤資金流向:從財政收入(稅收、國債)到各部門支出(國防、教育、醫療),再到具體項目。政府部門或企業財務分析常用。

政府財政收入分配桑基圖

3. 行銷與使用者行為分析

網站流量分析:流量來源(搜尋引擎、社群媒體、直接存取)→ 登陸頁面行為→ 轉換目標(註冊、購買、下載)。這種桑基圖可以幫助優化行銷管道組合。

網站用戶註冊轉換桑基圖

4. 供應鏈與物流

原料產地→ 生產工廠→ 區域倉庫→ 零售店→ 消費者。桑基圖可以顯示每個環節的庫存損耗或效率。

供應鏈與物流環節桑基圖

5. 生態學與物質流分析

碳足跡、水足跡、氮循環等。例如,展示農田中氮肥的流向:被作物吸收、滲入地下水、揮發到大氣等。

農田中氮肥流向桑基圖

Ⅲ.如何繪製一張專業的桑基圖?

1.資料準備

桑基圖需要三種基本數據:

節點清單:每個階段的節點名稱(例如:煤炭、石油、天然氣、發電廠、工業、居民、商業)。

連結列表:每條流線的起始節點、結束節點以及流量數值。

可選節點分組:有時需要將節點按階段分組,以增強可讀性。

2. 繪製桑基圖

進入ProcessOn個人文件頁,新建一個流程圖。點選頂部工具列【插入】→【Mermaid繪圖】,在右側Mermaid程式碼編輯區輸入桑基圖的程式碼或上傳txt、markdown等格式檔案。

創建桑基圖→

3. 調整與匯出

點選桑基圖上方的【編輯】按鈕可以直接在右側修改Mermaid程式碼,也可以在左側圖形庫拖曳圖形新增標題、圖例。完成桑基圖後可匯出為PNG、JPG、PDF 或SVG等格式。

Ⅳ.案例:網站使用者行為桑基圖

假設某電商網站希望透過桑基圖分析使用者從訪問到購買的轉換路徑。數據如下:

流量來源:搜尋引擎(50000)、社群媒體(30000)、直接存取(20000)、郵件行銷(10000)。

著陸頁行為:瀏覽首頁(40000)、直接進入商品頁(60000)。

下一步:搜尋商品(30000)、查看購物車(15000)、離開(35000)。

最終:完成購買(10000)、放棄購物車(20000)、繼續瀏覽(30000)。

我們可以在ProcessOn Mermaid編輯框中輸入:

最終展示效果:

電商網站用戶付費轉換桑基圖

Ⅴ.桑基圖的限制與改進

儘管桑基圖強大,但它也有缺點:

節點過多時會顯得混亂:當超過30個節點,線條交錯難以閱讀。解決方案:按階段分組,使用互動式桑基圖(滑鼠懸停高亮路徑)。

不擅長表達時間序列:桑基圖是靜態的,無法顯示流量隨時間的變化。如需動態,可製作多張圖或動畫。

比例感知問題:人眼對寬度差異不如長度敏感,所以必須加數字標註。

桑基圖以其直觀表達流量分配和轉移的能力,成為資料分析師、工程師、產品經理、財務人員等跨領域工作者的得力助手。從能源審計到用戶成長,從財政預算到供應鏈優化,它都能幫助我們快速發現結構性問題。

而工具的選擇也至關重要。對於非技術背景的用戶,ProcessOn 提供了無需編碼的桑基圖繪製方案,內建模板和便利的匯出功能,讓圖表創作變得輕鬆且有效率。現在就去ProcessOn 試著繪製你的第一張桑基圖吧——無論是分析公司年度預算,還是梳理線上行銷漏斗,一張圖就能讓數據說話。

創建桑基圖→

免費線上協同心智圖流程圖
Document