我研究所學資料視覺化的時候,對矩形樹狀圖一直有點困惑,它不是很容易理解的圖,到底會用在哪裡?這幾年最常看到它出現應該就是財經網站,例如 Finviz、TradingView 等,都是用樹狀圖呈現市場熱度。但我還是沒有很能夠理解他的好處。

treemap

樹狀圖的優缺點

NN/g 這篇講樹狀圖的文章 我覺得不錯,整理得很完整。

樹狀圖的優點

  • 可以比較兩個維度:透過面積和顏色

  • 可以呈現大量資訊

樹狀圖的缺點

  • 較複雜,無法快速理解

  • 人類不擅長比較面積

  • 對於非分層數據,效率低下。如果數據不是分層的,不應使用樹狀圖

  • 顏色有可能太一致而分不清楚邊界

替代選項

  • 長條圖

  • 散佈圖

我的想法

這幾天想了一下,大概有結論了。如果今天的資料點少,那長條圖或散佈圖的確是比較好的視覺呈現方式;但是當資料點多,而且希望可以盡可能辨識不同資料點時,矩形樹狀圖就有優勢。主要原因有兩個:

矩形樹狀圖比長條圖更有效率使用畫面空間

長條圖在空間利用上,只有完全使用到類別那個軸,但在數值的軸沒有完全使用。短的數字會有大量留白,造成空間無效率。就算單個資料點佔畫面比例相同,也會因為留白減少可使用面積,導致能呈現資料量減少。散佈圖也有相同問題,這兩個圖要能呈現資訊,空白的區域是不可或缺的要素。相比之下,矩形樹狀圖能夠盡可能地填滿畫面,對畫面空間的使用率更高。

人類的長度的敏感度高,在這個情境下反而是缺點。

通常使用矩形樹狀圖呈現股票市場狀況,會是用大小呈現市值,顏色呈現漲跌幅。但不管是市值或漲跌幅,其實都不需要知道精確第一名是誰、第二名是誰,他們差距多少。但如果使用長條圖或散佈圖呈現,人一定會被吸引去看誰是第一,誰是第二,反而造成不必要的認知負擔。

以上兩點,大概就是這個情境矩形樹狀圖比起長條圖有優勢的原因。如果要說,可能還有第三點:不明覺厲