免費在線 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 進行可縮放圖形和進一步編輯,或者獲取嵌入代碼以添加到網站中的互動圖表。所有導出都保持原始設計的質量和自定義。

小流量可以分組到“其他”或“雜項”類別中以減少混亂。或者,使用最低流寬設置以確保即使小流量仍然可見,或者為小流創建單獨的詳細視圖。