視覺化的最佳實務

Tableau 的資料視覺化

Maarten Van den Broeck

Content Developer, DataCamp

糟糕資料視覺化的後果

White spacing

  • 醜陋圖表(「垃圾圖」)

White spacing

  • 利害關係人失去興趣

White spacing

  • 不清楚、不友善的視覺化

White spacing

  • 誤導性的結論

White spacing

幾個糟糕資料視覺化的例子

Tableau 的資料視覺化

資料視覺化最常見的錯誤

White spacing

  • 圖表類型選得不好

White spacing

  • 圖表元素設計具誤導性

White spacing

  • 顏色、形狀、大小使用不當

White spacing

  • 圖表格式草率

White spacing

  • 遺漏值處理錯誤

White spacing

一個人在檢視多份紙本圖表報告的視覺

Tableau 的資料視覺化

為情境選對圖表

  • 對應情境選圖表
    • 比較:如長條圖、折線圖
    • 關係:如散佈圖
    • 分布:如直方圖、盒鬚圖
    • 組成:如堆疊長條圖
  • 變數、類別的數量?
  • 靜態或隨時間變化?
  • 絕對值(#)或相對值(%)?

DataCamp 資料視覺化小抄快照

  • 另外也要看:
    • 視覺化的目標
    • 受眾的資料素養程度
1 https://www.datacamp.com/cheat-sheet/data-viz-cheat-sheet
Tableau 的資料視覺化

正確設計圖表元素

一個含數個設計錯誤的折線圖範例

同一張圖,已修正標題、座標軸名稱與 0 基準線

  • 為圖表與座標軸加上標題
  • 若圖上沒有數值刻度,請加清楚的軸標籤
  • 保持座標軸從 0 起跳
Tableau 的資料視覺化

有意識地運用色彩

  • 宜:

    • 少量使用
    • 用於凸顯關鍵資料點
    • 使用清楚、可區分的顏色(顧及色盲)
    • 考量配色、公司品牌等
  • 忌:

    • 紅、黃、綠僅在表示進度(差 -> 好)時使用
    • 不要為每個資料點、長條、類別上色

良好與不佳用色的示例

Tableau 的資料視覺化

有意識地運用形狀與大小

  • 宜:
    • 僅在有價值時,作為額外變數使用。
    • 選能辨識類別的形狀。

White spacing

  • 忌:
    • 避免用符號當長條或柱狀。
    • 若會分散注意力或讓圖表難以閱讀就不要用。

形狀與大小使用不佳的例子

形狀與大小使用不佳的例子

Tableau 的資料視覺化

遺漏值背後被(未)說出的故事

White spacing

「快樂」故事:

一張視覺化銷售的折線圖

White spacing

完整故事:

含遺漏值的銷售折線圖

Tableau 的資料視覺化

一起來練習吧!

Tableau 的資料視覺化

Preparing Video For Download...