導讀:世界上並沒有一個十全十美的圖表,所以我們經常會遇到無法使用一個圖表展示所有資料的情況。如果這時我們不想把資料維度拆開,應該怎麼辦呢?今天,我們介紹九個圖表組合的經典案例,把視覺化的組合靈感分享給你!
來源:鏑次元資料(ID:dyclub-org)
01 點圖+氣泡:在展示資料分佈的同時保留細節
點圖類似直方圖,可以展現資料在一個區間內的分佈情況,由此看出資料在什麼區間內最集中。但是這個圖有一個缺點,就是在非互動的情況下,無法展示更具體的資料細節,即我們不能透過圖表知道某一區間內的某一個具體數值到底是多少。
《紐約時報》把點圖和氣泡圖結合起來,很好解決了這個問題。這個圖表展示了美國500家上市公司的有效稅率(Effective tax rate),以及其市值。(註:公司的有效稅率,指的是其稅前利潤徵稅的平均稅率。)
▲《紐約時報》
市值的視覺化,則是利用了氣泡圖,氣泡的大小展示了市值的大小。
氣泡分佈的位置,則由上市公司的有效稅率決定。在0-10%區間內的氣泡,代表了有效稅率在0-10%這個區間內的上市公司。與此同時,《紐約時報》也用顏色加以強調區分。這個資料,因為兩個資料維度都是數值,實際上用一般的氣泡圖也是可以的。
▲比散點多一個資料維度的氣泡圖
但是500個氣泡數量太多,當有效稅率相差不大時,就會發生氣泡嚴重重疊的情況,對讀者看圖是非常不友好的。
而且,敲黑板,劃重點!根據氣泡圖的用法,當兩個維度的資料中,有一個維度是分類資料而不是數值,氣泡圖展示的資料情況就“粗獷”很多,只能展示“數值是多少”。例如下麵的氣泡圖,氣泡的面積展示了某個國家的人口數量,雖然顏色幫助提供了“國家屬於哪個大洲”的資訊,但並不能很好地展示某大洲上具體的人口分佈情況。
▲http://www.visualcapitalist.com
所以,當遇到分類資料,想要用展示資料分佈情況,又想補充資料細節,探究資料間的關係,點圖和氣泡圖的組合就是一個不錯的選擇。
還是《紐約時報》的資料,當500個上市公司按照所屬產業分類之後,氣泡圖幫我們視覺化公司市值,點圖幫助我們看有效稅率的分佈,每一個公司的資料我們都不會錯過。這也只有點圖和氣泡圖“攜手”才能做到!
▲《紐約時報》
總的來說,當我們在進行資料視覺化的圖表選擇時,如果資料是以分類資料為基礎,想展示資料的分佈,以及數值大小的細節,我們就可以考慮一下點圖和氣泡圖的這種組合。
國內媒體也有這樣的嘗試,在澎湃的“侵犯公民個人資訊案件”選題資料中,資料是以案件的種類分為詐騙,出售、非法提供公民個人資訊,以及非法獲取計算機資訊系統資料、非法控制計算機資訊系統三大類(符合“以分類資料為基礎”)。
▲澎湃新聞
透過每種案件下氣泡的分佈,我們可以看到某一種案件的平均罰金數額集中分佈在什麼區間(符合“需要看到資料分佈”);氣泡的大小代表了涉及案件的平均獲刑時間,藍色氣泡代表獲刑三年以下的案件,裸色則是超過三年的(符合“需要看到數值大小的細節”)。
無論是直方圖還是氣泡圖,單獨使用都不能把這些資料資訊囊括在一張圖上。
02 雙重氣泡:對差值的細化視覺化
▲Howmuch
氣泡圖和氣泡圖也可以組合起來,一次就能看出兩組資料的差值,還有對應的數值。例如Howmuch的這個圖表,可視化了美國每一個州的地價和房價。藍色的表示一英畝土地的價錢,紅色的則表示房價的中位數。藍色和紅色氣泡越大,成為業主的成本就越高。
第一財經的新一線欄目也很愛這種組合,利用多重氣泡圖,它展示了不同城市在晚上22:00之後的公交線路改寫範圍,以描繪一幅城市“夜生活圖景”。
最外面虛線圓圈的大小,代表了城市全天公交線路改寫面積,裡面有色圓圈的大小則是影院周邊夜間公交線路改寫面積,顏色越深,時間越晚。明顯地,隨著夜色加深,深圳、上海在22:00之後的公交改寫面積還很大。相較之下,蘇州的公交線路改寫面積大大減少了。
▲新一線
總的來說,想比較同一分類資料的兩個資料值大小,並且能進行多個分類資料的對比,這種“雙重氣泡圖”的組合方法確實不錯。
03 氣泡圖+餅圖:佔比和具體數值的解決方案I
▲The Economist
一般來說,餅圖只能展示“相對值”,說大白話一點,就是佔比。但是,餅圖結合了氣泡圖之後,餅圖整個的面積就可以展示整體數量的大小了。
經濟學人在這個組閤中,用氣泡圖展示了2012年,不同機場的客流總量是多少,北京首都機場和亞特蘭大機場都比較多。氣泡圖中紅色的部分則利用餅圖,展現了轉乘乘客的數量比例。
這種組合,在國內媒體的資料視覺化中也很常見。還是新一線,它就用來展示不同的綜合商場,不同種類店鋪的數量情況。
氣泡的大小展示了某個綜合商場的店鋪數量,例如代表蘇州金鷹國際廣場的氣泡最大,意味著它的店鋪數量最多。餅圖則展示了各種店鋪的佔比情況,例如天津的遠洋未來匯購物中心雖然店鋪總量不是最多,但是親子類店鋪佔比最大。
▲新一線
04 比例面積圖+矩形樹圖:佔比和具體數值的解決方案II
▲howmuch
想要同時展示佔比,以及具體數值,除了利用氣泡圖結合餅圖的方式外,“比例面積圖+矩形樹圖”也是一個不錯的組合。
Howmuch透過簽證費、租房費、飲食、網路費、電話費、交通費6大方面,統計了2018年去世界各地短期居住的花費。最大的矩形面積代表了整體的花費多少。其中,裡面的每一個小矩形,能展示在不同城市,6項花費的具體數值以及在整體花費中的佔比。
05 柱狀圖+環圖:佔比和具體數值的解決方案III
▲The Economist
柱狀圖和餅圖的組合非常常見,畢竟柱狀圖是展示“數值是多少”的“元老級”圖表,餅圖也是展示佔比的基礎圖表,經濟學人就經常用到這樣的組合。這個圖的柱狀圖展示了由女性建立的美國IT公司的資本投入,相對應的餅圖部分則是在所有美國IT公司的資本投入中的佔比。
鏑次元資料也曾在一篇文章中用到過這樣的組合,柱狀圖部分展示了2016-2017年,不同排名的美國私立寄宿學校的平均申請人數;餅圖則展示了不同排名的美國私立寄宿學校在2017年的錄取率。可以看到,排名越前的學校,申請人數越多,錄取率也越低。
▲鏑次元資料
圖表組合的方式並不是固定的,只要尊重資料真實,所有適合資料表達的圖表組合都是優秀的書視覺化。你們都有見過什麼驚艷的、優秀的圖表組合案例嗎?在評論區跟我們分享吧~
據統計,99%的大咖都完成了這個神操作
▼
猜你想看
-
最全機器學習種類講解:監督、無監督、線上和批次學習都講明白了
Q: 哪種圖表最炫酷?
歡迎留言與大家分享
覺得不錯,請把這篇文章分享給你的朋友
轉載 / 投稿請聯絡:baiyu@hzbook.com
更多精彩,請在後臺點選“歷史文章”檢視