免費在線 Sankey 圖製作工具 - 可視化數據流
配置
流數據
定義節點(類別)和連結(流)以創建您的 Sankey 圖。連結連接節點,其寬度代表流值。
節點(類別)
連結(流)
來源節點 | 目標節點 | 流值 | |
---|---|---|---|
佈局設定
顯示選項
Sankey 圖預覽
什麼是 Sankey 圖?
Sankey 圖是一種專門的流程圖,旨在可視化資源、能源、材料或信息在不同過程階段之間的流動。以愛爾蘭工程師 Matthew Sankey 的名字命名,這些圖使用比例的箭頭或帶來顯示數量,便於識別最重要的流和複雜系統中的低效之處。
我們的 Sankey 圖製作工具的主要功能
- 易於節點和流創建的拖放界面
- 可自定義的節點顏色和流漸層
- 可調整的節點寬度和間距以獲得最佳佈局
- 顯示或隱藏節點標籤和流值
- 實時預覽和流暢動畫
- 導出為 PNG、SVG 或嵌入代碼
- 無需註冊 - 立即開始創建
何時使用 Sankey 圖
Sankey 圖在顯示比例關係和識別基於流的過程中的瓶頸方面表現突出。當您需要跟踪數量如何穿越多個階段或類別時,它們特別有效。
Common Use Cases:
- 能源流分析和消耗跟踪
- 預算分配和財務流可視化
- 網站流量和用戶旅程映射
- 供應鏈和物流優化
- 製造過程中的物料流
- 客戶細分和轉換漏斗
- 項目管理中的資源分配
Not Recommended For:
- 類別之間的簡單比較(使用條形圖)
- 時間序列數據可視化(使用折線圖)
- 層級數據結構(使用樹形圖)
- 地理數據表示(使用地圖)
使用 Sankey 圖的好處
- 立即識別最大流量和最重要的路徑
- 識別複雜過程中的低效和瓶頸
- 以直觀的視覺格式傳達複雜的流動關係
- 跟踪守恆原則和物質平衡
- 並排比較多個流場景
- 用引人入勝的視覺故事吸引利益相關者
- 支持基於數據的決策制定,提供清晰的見解
如何創建 Sankey 圖
定義您的節點
首先添加代表流中來源、過程和目的地的節點。清晰命名每個節點並分配顏色以便於識別。
創建流連結
添加節點之間的連結,指定來源、目標和流值。每個流的寬度會根據您輸入的值自動調整。
自定義外觀
調整節點寬度、間距和顏色。根據需要選擇基於節點的顏色或漸層流。根據演示需求切換標籤和數值。
微調佈局
修改節點填充和連結透明度以優化可讀性。使用動畫設置控制圖表如何揭示信息。
導出和分享
將您的圖表下載為 PNG 或 SVG 以用於演示,或使用嵌入代碼直接將其添加到網站和報告中。
Tips for Better Charts:
- 將節點名稱簡潔但具描述性以提高可讀性
- 使用一致的顏色方案來分組相關類別
- 首先從主要流開始,然後添加較小的細節
- 測試不同的節點排列以減少交叉流
- 考慮您的觀眾,決定是否顯示確切值
數據準備指南
適當的數據準備對於創建有效的 Sankey 圖至關重要。您的數據應該代表不同類別或階段之間的流動。
Requirements:
- 確定所有來源、中間和目標節點
- 量化每對連接節點之間的流值
- 確保流量守恆 - 中間節點的輸入應等於輸出
- 將類似類別分組以降低複雜性
- 驗證所有流值為正數
- 檢查可能混淆佈局的循環流
數據格式範例
能源流分析
煤炭 → 發電廠(500MW),發電廠 → 住宅(200MW),發電廠 → 工業(300MW)
預算分配
總預算 → 市場營銷($50K),市場營銷 → 數位廣告($30K),市場營銷 → 印刷廣告($20K)
網站流量
自然搜尋 → 首頁(1000 次訪問),首頁 → 產品頁(600 次訪問),首頁 → 關於(400 次訪問)
技術實施指南
瀏覽器兼容性
我們的 Sankey 圖製作工具適用於所有現代瀏覽器,包括 Chrome、Firefox、Safari 和 Edge。該工具使用 HTML5 Canvas 和 SVG 渲染,確保在桌面和移動設備上的平穩性能。
性能優化
- 將圖表限制在 50-100 個節點以獲得最佳性能
- 將小流分組到“其他”類別中以降低複雜性
- 使用較短的節點名稱以提高渲染速度
- 考慮將非常複雜的流拆分為多個圖表
- 將大型圖表導出為 SVG 以增強可擴展性
集成選項
- 使用提供的代碼將互動圖表嵌入網頁
- 導出靜態圖像以用於演示和報告
- 生成 SVG 文件以在設計軟件中進行進一步編輯
- 使用 PNG 輸出用於社交媒體和文檔
- 鏈接到您的圖表以進行實時協作
何時考慮其他圖表類型
流程圖
When to use: 當您需要顯示決策點和過程邏輯而非比例流時
Advantage of 免費在線 Sankey 圖製作工具 - 可視化數據流: 更好地表示複雜的分支過程和工作流
珠江圖
When to use: 當跟踪分類數據隨時間或多維度的變化時
Advantage of 免費在線 Sankey 圖製作工具 - 可視化數據流: 顯示隨時間變化的組成和類別成員變化
網絡圖
When to use: 當實體之間的關係比流量數量更重要時
Advantage of 免費在線 Sankey 圖製作工具 - 可視化數據流: 更好地顯示複雜的互連和網路拓撲
樹圖
When to use: 當您需要顯示層次比例而無需流關係時
Advantage of 免費在線 Sankey 圖製作工具 - 可視化數據流: 更有效地利用空間顯示比例數據
常見問題及解決方案
Problem: 流看起來太窄或太寬
Solution: 調整節點寬度設置以改變流的整體比例,或檢查流值的範圍是否合適
Prevention: 在創建圖表之前對數據進行標準化,使用一致的單位
Problem: 節點標籤重疊
Solution: 增加節點填充以在節點之間創建更多空間,或在顯示設置中減少標籤字體大小
Prevention: 一開始就使用更短、更簡潔的節點名稱
Problem: 流交叉導致視覺混亂
Solution: 通過拖動節點到不同位置重新訂購節點,或將相關節點分組
Prevention: 在添加流之前規劃您的節點排列,將來源集中在一側,目標集中在另一側
Problem: 圖表未顯示預期的流量守恆
Solution: 檢查中間節點是否具有相等的輸入和輸出流,或添加缺失的連結
Prevention: 在創建圖表之前驗證數據的流量守恆
進階可視化技術
顏色編碼策略
使用一致的顏色來表示不同類型的流(例如可再生能源與非可再生能源),或根據效率水平分配顏色以突顯改進的領域。
多階段分析
對不同時間段或場景創建多個 Sankey 圖,然後將其進行比較以顯示流隨時間或不同條件的變化。
嵌套流表示
從高層次概覽開始,然後為主要流類別創建詳細圖,以提供系統的摘要和詳細視圖。
互動式故事講述
使用動畫功能逐步揭示流,建立一個引導觀眾逐步分析的敘述。
行業應用
能源行業
跟踪各種來源的能源生產通過分配網絡到終端消費者
識別能源損失並優化分配效率
製造業
可視化材料在生產過程中的流動,並識別廢物流
減少廢物並改善資源利用
數位行銷
映射客戶獲取渠道通過轉換漏斗到銷售結果
優化行銷支出並改善轉換率
供應鏈
跟踪產品從供應商通過倉庫到零售地點的流動
識別瓶頸並優化庫存分配
金融業
顯示投資基金如何流入不同的資產類別和地理區域
向利益相關者傳達投資組合分配和風險分配
常見問題解答
一個好的 Sankey 圖能夠清晰顯示比例關係,並且流向交叉最小。使用一致的顏色和清晰的標籤,確保流量守恆。從主要流開始,逐步添加細節。保持佈局簡單直觀,以便您的觀眾理解。
對於中間節點,輸入流總和應等於輸出流總和。在創建圖表之前,使用電子表格驗證數據。我們的工具會自動按比例調整流量,但您需要確保基礎數據遵循守恆原則。
傳統的 Sankey 圖僅顯示正流。對於損失或廢料,應創建單獨的節點(如“熱損失”或“廢料”),並顯示流向這些目的地。這樣可以維持視覺完整性,同時考慮所有輸入和輸出。
節點顏色為每個類別分配單一顏色,流則採用來源節點的顏色。流漸層將顏色從來源混合到目的地,創造出彩虹效應,幫助追蹤單個流,但隨著連結增多,可能會降低可讀性。
雖然沒有硬性限制,但包含超過 20-30 個節點的圖表會變得難以閱讀。對於複雜系統,考慮為不同方面或時間段創建多個圖表,或將較小的流分組為“其他”分類以保持清晰。
是的,我們的工具包含動畫控制,可以調整圖表的顯示和過渡。使用動畫逐步揭示信息或在更新數據時平滑過渡。根據您的演示速度調整動畫速度。
您可以將 Sankey 圖導出為 PNG 用於演示和文檔,或導出為 SVG 進行可縮放圖形和進一步編輯,或者獲取嵌入代碼以添加到網站中的互動圖表。所有導出都保持原始設計的質量和自定義。
小流量可以分組到“其他”或“雜項”類別中以減少混亂。或者,使用最低流寬設置以確保即使小流量仍然可見,或者為小流創建單獨的詳細視圖。