點樣令桑基圖易讀
令人睇得明嘅桑基圖實用規則:少啲節點、合理次序、直接標籤、克制用色同印出數字。範例逐項示範。
易讀嘅桑基圖有清晰嘅由左至右故事、少量節點、有序嘅欄,以及唔使圖例都睇得明嘅標籤。大部分難讀嘅桑基圖都係違反咗其中一條。
例子係按規則畫嘅家庭預算:兩個收入來源流入一個池,池再分為五個類別,大致由大到細,雜項放最後。總共只有八個節點,亦冇交叉。
以下規則適用於任何桑基圖,目的係令圖表更易睇,而唔係更靚。
減少節點
每欄只保留少量節點,其餘歸入「其他」。讀者跟得到五條流帶,但跟唔到三十條。
為欄排序
每欄最大嘅節點放最頂,或者按時間等有意義嘅次序排列。隨機次序會令流帶交叉。
直接標示節點
將名稱放喺節點旁邊,重要節點仲要加上數值。要對住圖例搵顏色嘅讀者,好易跟丟。
克制用色
按群組或來源上色,唔好每個節點一種顏色。用一種強調色突出說明文字所講嘅流帶。
加一句發現
話俾讀者知要留意乜嘢。桑基圖資訊好多,一句說明可以指出重點。
重點
- 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運作方式
集中故事
刪除或者合併唔支持發現嘅節點。
為每欄排序
按大小或次序排列,令流帶盡量少交叉。
標籤同用色
直接標示節點,顏色只代表一個意思。
加一句說明
喺圖表下面用一句寫出發現。
常見問題
流帶上面應該顯示數值嗎?
關鍵流量顯示就得,其餘留俾表格。太多數字會令圖表雜亂。
點解我嘅流帶會交叉?
通常係節點次序問題。重新排列同一欄嘅節點,或者合併細小節點,可以消除大部分交叉。
編輯呢個預算桑基圖
將範例當成自己嘅圖表打開,用呢啲規則處理你嘅資料。