什么是矩形樹圖
說到樹圖，我們可能第一時間就會想到樹狀圖（Tree diagram），它的外形就像一棵“倒立”的大樹。樹狀圖通過一枝枝“樹杈”連接起具有層級關(guān)系的數(shù)據(jù)，展示上下級、同級的數(shù)據(jù)關(guān)系。
今天要分享的不是這種樹狀圖，而是矩形樹圖（Treemap）。
矩形樹圖把樹狀結(jié)構(gòu)轉(zhuǎn)化為平面矩形的狀態(tài)，雖然長得一點都不像“樹”，但能表示數(shù)據(jù)間的層級關(guān)系，還可以展示數(shù)據(jù)的權(quán)重關(guān)系。
這棵“樹”還不到30歲
與有著悠久歷史的餅圖、柱狀圖不同，矩形樹圖還很年輕。20世紀90年代初，為了找到一種有效了解磁盤空間使用情況的方法，馬里蘭大學(xué)人機交互實驗室教授Ben Shneiderman和他的團隊通過調(diào)整樹狀圖，發(fā)明了矩形樹圖。
1999年，Martin Wattenberg在SmartMoney上發(fā)布了《市場智能貨幣地圖》，用矩形樹圖展示了美國股市中幾百家公司的數(shù)據(jù)。圖中矩形的面積與公司的市值相對應(yīng)，顏色則代表自上次收市以來股價的變化情況。矩形樹圖也由此逐漸被用于可視化財務(wù)數(shù)據(jù)。
在Marcos Weskamp創(chuàng)建了展示新聞頭條的矩形樹圖之后，矩形樹圖開始被主流媒體使用。
如何發(fā)現(xiàn)“樹”中之?dāng)?shù)
矩形樹圖把具有層次關(guān)系的數(shù)據(jù)可視化為一組嵌套的矩形，所有矩形的面積之和代表了整體的大小，各個小矩形的面積表示每個子數(shù)據(jù)的占比大小——矩形面積越大，表示子數(shù)據(jù)在整體中的占比越大。
最簡單的矩形樹圖只展示一個類別的數(shù)據(jù)占比，每個矩形的面積代表了各數(shù)據(jù)在整體中的比重。比如澎湃美數(shù)課欄目就用了這類矩形樹圖，清楚地展現(xiàn)了雙一流學(xué)科建設(shè)情況。
矩形樹圖還可以表示兩個層級的數(shù)據(jù)結(jié)構(gòu)，不同類別的數(shù)據(jù)通常用不同顏色展示。OEC（The Observatory of Economic Complexity）用一個大型的矩形樹圖展示了具有兩個層級關(guān)系的數(shù)據(jù)結(jié)構(gòu)。
所有矩形之和表示2016年中國出口總額，顏色代表了全年出口物品的種類（父類別），例如藍色代表了機械類，深綠色代表了紡織品。藍色部分的機械類出口數(shù)額在所有種類中占比最大，因此在所有矩形中，藍色矩形面積最大。在機械類的分類下，電腦出口數(shù)額（子類別）占比最大，因此在藍色矩形中，代表電腦的矩形面積最大。
用矩形樹圖表達具有兩個層級關(guān)系的數(shù)據(jù)結(jié)構(gòu)。整體矩形展示了在911事件發(fā)生后3年內(nèi)，各方的賠償和撫恤數(shù)額情況。
顏色區(qū)分了受害者獲得的撫恤金的來源，黃色矩形所代表的保險公司面積最大，支出的賠償數(shù)額最多。其中，面積最大的黃色矩形代表了保險公司的大部分賠償都支付給“業(yè)務(wù)受影響的企業(yè)”。
“樹”業(yè)有專攻
矩形樹圖在誕生的一刻，就具有展示帶有權(quán)重的樹狀數(shù)據(jù)的優(yōu)勢。而且相對于樹狀圖，矩形樹圖能更有效地利用空間。與其他通過長度來比較占比大小的圖表相比，矩形樹圖通過面積就能清晰地比較數(shù)據(jù)的占比關(guān)系。
上圖是用堆疊柱狀圖展示北上廣三省幼師學(xué)歷情況。對比矩形樹圖，堆疊柱狀圖在展現(xiàn)研究生和高中以下學(xué)歷的幼師占比情況上并不清晰。但矩形樹圖就能把這種占比情況清晰展現(xiàn)出來。
但是與每種圖表一樣，矩形樹圖也并不是“全能選手”
擅長可視化帶權(quán)重的數(shù)據(jù)關(guān)系
在展示不帶有權(quán)重的層級關(guān)系數(shù)據(jù)時，使用矩形樹圖會顯得層次不清。例如，在展示公司的部門組成時，運用矩形樹圖會模糊層次關(guān)系，但樹狀圖就能清晰地表達。
矩形面積要適當(dāng)
當(dāng)小矩形所代表的類別占比太小時，文本會變得很難排布。
2015年手機品牌及其下屬手機型號的銷量情況
遇到這種情況，我們可以采用提示工具，顯示矩形所代表的數(shù)據(jù)。
或者考慮給小矩形編號，用注釋的方式說明矩形所代表的數(shù)據(jù)。網(wǎng)易數(shù)讀欄目在利用矩形樹圖展示比爾及梅林達·蓋茨基金會的捐款用處時，就采用了這樣的方法。
只用于表達正值
由于矩形的大小不能為負值，所以矩形樹圖中代表矩形大小的變量只能是正值。
專注展示占比關(guān)系
作為表示占比的圖表類型，矩形樹圖無法展示占比隨時間變化的情況。如果要展示占比的幅度變化，堆疊柱狀圖（Stack Column）和百分比堆疊面積圖（Percent Stacked Area Chart）都是不錯的選擇。
