點樣令桑基圖易讀

令人睇得明嘅桑基圖實用規則:少啲節點、合理次序、直接標籤、克制用色同印出數字。範例逐項示範。

易讀嘅桑基圖有清晰嘅由左至右故事、少量節點、有序嘅欄,以及唔使圖例都睇得明嘅標籤。大部分難讀嘅桑基圖都係違反咗其中一條。

例子係按規則畫嘅家庭預算:兩個收入來源流入一個池,池再分為五個類別,大致由大到細,雜項放最後。總共只有八個節點,亦冇交叉。

以下規則適用於任何桑基圖,目的係令圖表更易睇,而唔係更靚。

減少節點

每欄只保留少量節點,其餘歸入「其他」。讀者跟得到五條流帶,但跟唔到三十條。

為欄排序

每欄最大嘅節點放最頂,或者按時間等有意義嘅次序排列。隨機次序會令流帶交叉。

直接標示節點

將名稱放喺節點旁邊,重要節點仲要加上數值。要對住圖例搵顏色嘅讀者,好易跟丟。

克制用色

按群組或來源上色,唔好每個節點一種顏色。用一種強調色突出說明文字所講嘅流帶。

加一句發現

話俾讀者知要留意乜嘢。桑基圖資訊好多,一句說明可以指出重點。

重點

  • 3,500 € 月收入分為五個類別。
  • 住屋最大,1,200 €(34%),其次係儲蓄 700 €(20%)。
  • 薪金佔收入 86%(3,500 中有 3,000)。
  • 數字純屬虛構。

範例資料

虛構家庭數字,每個節點都已平衡。

點樣令桑基圖易讀 (€)
來源目標數量(€)
薪金每月收入3000
其他收入每月收入500
每月收入住屋1200
每月收入儲蓄700
每月收入食物600
每月收入其他雜項600
每月收入交通400

同樣嘅資料(CSV)

source,target,value
薪金,每月收入,3000
其他收入,每月收入,500
每月收入,住屋,1200
每月收入,儲蓄,700
每月收入,食物,600
每月收入,其他雜項,600
每月收入,交通,400

運作方式

  1. 集中故事

    刪除或者合併唔支持發現嘅節點。

  2. 為每欄排序

    按大小或次序排列,令流帶盡量少交叉。

  3. 標籤同用色

    直接標示節點,顏色只代表一個意思。

  4. 加一句說明

    喺圖表下面用一句寫出發現。

常見問題

流帶上面應該顯示數值嗎?

關鍵流量顯示就得,其餘留俾表格。太多數字會令圖表雜亂。

點解我嘅流帶會交叉?

通常係節點次序問題。重新排列同一欄嘅節點,或者合併細小節點,可以消除大部分交叉。

編輯呢個預算桑基圖

將範例當成自己嘅圖表打開,用呢啲規則處理你嘅資料。

編輯呢個預算桑基圖

桑基圖的更多內容