|
文/陳淑晶 版面/張玉涵 鏑摘： 柱狀圖看上去像柱子，河流圖的折線圍成一條“河流”，餅圖跟燒餅長(zhǎng)得神似，可是長(zhǎng)得一點(diǎn)都不像樹的還能叫“樹圖”嗎？今天我們就來看看矩形樹圖的“樹”到底藏在哪里！ 藏身之“樹” 說到樹圖，我們可能第一時(shí)間就會(huì)想到樹狀圖（Tree diagram），它的外形就像一棵“倒立”的大樹。樹狀圖通過一枝枝“樹杈”連接起具有層級(jí)關(guān)系的數(shù)據(jù)，展示上下級(jí)、同級(jí)的數(shù)據(jù)關(guān)系。 樹狀圖
但我們今天要分享的不是這種樹狀圖，而是矩形樹圖（Treemap）。矩形樹圖把樹狀結(jié)構(gòu)轉(zhuǎn)化為平面矩形的狀態(tài)，雖然長(zhǎng)得一點(diǎn)都不像“樹”，但能表示數(shù)據(jù)間的層級(jí)關(guān)系，還可以展示數(shù)據(jù)的權(quán)重關(guān)系。 矩形樹圖
這棵“樹”還不到30歲 與有著悠久歷史的餅圖、柱狀圖不同，矩形樹圖還很年輕。20世紀(jì)90年代初，為了找到一種有效了解磁盤空間使用情況的方法，馬里蘭大學(xué)人機(jī)交互實(shí)驗(yàn)室教授Ben Shneiderman和他的團(tuán)隊(duì)通過調(diào)整樹狀圖，發(fā)明了矩形樹圖。 磁盤空間使用情況 Treemaps for space-constrainedvisualization of hierarchies, Ben Shneiderman
1999年，Martin Wattenberg在SmartMoney上發(fā)布了《市場(chǎng)智能貨幣地圖》，用矩形樹圖展示了美國股市中幾百家公司的數(shù)據(jù)。圖中矩形的面積與公司的市值相對(duì)應(yīng)，顏色則代表自上次收市以來股價(jià)的變化情況。矩形樹圖也由此逐漸被用于可視化財(cái)務(wù)數(shù)據(jù)。 the SmartMoney Map of the Market
在Marcos Weskamp創(chuàng)建了展示新聞?lì)^條的矩形樹圖之后，矩形樹圖開始被主流媒體使用。 Newsmap
如何發(fā)現(xiàn)“樹”中之?dāng)?shù) 矩形樹圖把具有層次關(guān)系的數(shù)據(jù)可視化為一組嵌套的矩形，所有矩形的面積之和代表了整體的大小，各個(gè)小矩形的面積表示每個(gè)子數(shù)據(jù)的占比大小——矩形面積越大，表示子數(shù)據(jù)在整體中的占比越大。
最簡(jiǎn)單的矩形樹圖只展示一個(gè)類別的數(shù)據(jù)占比，每個(gè)矩形的面積代表了各數(shù)據(jù)在整體中的比重。比如澎湃美數(shù)課欄目就用了這類矩形樹圖，清楚地展現(xiàn)了雙一流學(xué)科建設(shè)情況。 “雙一流”學(xué)科建設(shè)哪家強(qiáng)？ 《四圖看懂“雙一流”：增加了哪些高校？哪些學(xué)科上榜最多？》 澎湃新聞，2017年9月22日
矩形樹圖還可以表示兩個(gè)層級(jí)的數(shù)據(jù)結(jié)構(gòu)，不同類別的數(shù)據(jù)通常用不同顏色展示。OEC（The Observatory of Economic Complexity）用一個(gè)大型的矩形樹圖展示了具有兩個(gè)層級(jí)關(guān)系的數(shù)據(jù)結(jié)構(gòu)。 2016年，中國出口了什么？
所有矩形之和表示2016年中國出口總額，顏色代表了全年出口物品的種類（父類別），例如藍(lán)色代表了機(jī)械類，深綠色代表了紡織品。藍(lán)色部分的機(jī)械類出口數(shù)額在所有種類中占比最大，因此在所有矩形中，藍(lán)色矩形面積最大。在機(jī)械類的分類下，電腦出口數(shù)額（子類別）占比最大，因此在藍(lán)色矩形中，代表電腦的矩形面積最大。 網(wǎng)易數(shù)讀欄目也用矩形樹圖表達(dá)具有兩個(gè)層級(jí)關(guān)系的數(shù)據(jù)結(jié)構(gòu)。整體矩形展示了在911事件發(fā)生后3年內(nèi)，各方的賠償和撫恤數(shù)額情況。 《美國賠償：慈善高效，保險(xiǎn)守諾，政府靠譜》 網(wǎng)易新聞，2013年7月11日 顏色區(qū)分了受害者獲得的撫恤金的來源，黃色矩形所代表的保險(xiǎn)公司面積最大，支出的賠償數(shù)額最多。其中，面積最大的黃色矩形代表了保險(xiǎn)公司的大部分賠償都支付給“業(yè)務(wù)受影響的企業(yè)”。 “樹”業(yè)有專攻 矩形樹圖在誕生的一刻，就具有展示帶有權(quán)重的樹狀數(shù)據(jù)的優(yōu)勢(shì)。而且相對(duì)于樹狀圖，矩形樹圖能更有效地利用空間。與其他通過長(zhǎng)度來比較占比大小的圖表相比，矩形樹圖通過面積就能清晰地比較數(shù)據(jù)的占比關(guān)系。 北上廣三省幼師學(xué)歷情況（堆疊柱狀圖） 數(shù)據(jù)來源：教育部 |
|
|
