作者 | Destiny

來源 | 木東居士

0x00 前言

之前已經(jīng)分享過「趨勢型（時間序列）」、「比例型」、「對比型」、「分布型」數(shù)據(jù)的可視化圖表方式。

今天這篇，是數(shù)據(jù)圖表選擇的最后一篇，準備分享下可視化中幾類比較特殊、但是常用的數(shù)據(jù)的可視化方式。

主要包含如下如下幾類數(shù)據(jù)：

• 區(qū)間型數(shù)據(jù)：
• 區(qū)間型數(shù)據(jù)一般是用來監(jiān)控數(shù)據(jù)當前的進度情況，指示數(shù)據(jù)是否正常，其數(shù)據(jù)格式一般為數(shù)值或者百分比。
• 關系型數(shù)據(jù)：
• 數(shù)據(jù)之間的關系有，包含關系、層級關系、分流情況、聯(lián)結關系等。
• 地理型數(shù)據(jù)：
• 包含地理型信息的數(shù)據(jù)，如國家、省份、城市、行政區(qū)、經(jīng)緯度等。

0x01 區(qū)間型數(shù)據(jù)可視化

區(qū)間型數(shù)據(jù)，一般可分為兩種情況：

• 第一類：
• 數(shù)據(jù)本身就是比例型數(shù)據(jù)，一般以XX率的形式出現(xiàn)，用來指示某項指標的達成情況，比如電商網(wǎng)站的銷售額完成率、營收完成率。
• 第二類：
• 數(shù)據(jù)本身是數(shù)值型數(shù)據(jù)，但是根據(jù)業(yè)務需要，會對數(shù)據(jù)進行區(qū)間段劃分，并和一些定性指標進行對應。
• 比如，國家氣象部門對臺風預警級別的劃分，人體舒展和收縮壓的范圍，胖瘦指數(shù)評估BMI范圍等。

1.條形進度圖

進度圖，適合比例型區(qū)間數(shù)據(jù)的可視化，通常用來表示某項任務的進度情況。比如，顯示某個APP的當前下載進度，當前設備的電量剩余情況，電商網(wǎng)站交易額的完成率等。

重疊條形圖的繪制，有幾個要點，以電商網(wǎng)站的交易額為例說明：

（1）根據(jù)統(tǒng)計期間，交易額的目標值T，交易額的實際完成值A，計算出交易額的完成率R，R=A/T*100%。

（2）對交易額的完成率進行區(qū)間劃分，然后和定性指標進行關聯(lián)。通常，定性指標可以是文字表示（差、一般、好、極好…），但是更常見的做法是拿區(qū)間和顏色來進行映射。

示例如下：

指標區(qū)間的劃分和顏色的選取，可以根據(jù)具體業(yè)務的實際情況自行決定。但是要注意一個要點，在不同的文化中，不同顏色具有不同的寓意，實操過程中，要因地制宜的進行顏色映射。

2.儀表盤

儀表盤，由表盤刻度、指針、指針所在角度三者構成，可以直觀的展示某項指標的進度（比例型）或?qū)嶋H情況（數(shù)值型）。

儀表盤三要素：

• 表盤刻度：
• 用來度量數(shù)值的大小，且一般表盤的刻度范圍就是某項指標可能取值的區(qū)間。
• 指針：
• 指針代表某一指標或者指標的某一維度，如時鐘上的時分秒指針。
• 指針所在角度：
• 指針的角度，確定指針當前所指向的具體數(shù)值。

通常，為了視覺展示的美觀和降低映射的次數(shù)，建議指針的數(shù)量不超過 3 根。

3.環(huán)形進度圖

環(huán)形進度圖，它除了可以表示比例型的數(shù)據(jù)以外，還可以表示數(shù)值型的數(shù)據(jù)，并將其和定性指標相關聯(lián)，可以看成是儀表盤和條形進度圖的結合體。

和儀表盤相比，環(huán)形進度圖沒有指針；和條形進度圖相比，環(huán)形進度圖的內(nèi)部可以展示和定性指標關聯(lián)的結果。

環(huán)形進度圖展示的數(shù)據(jù)指標，其區(qū)間劃分既可以和顏色映射，也可以和定性文字表達映射，具體方法參照條形進度圖部分的表格示例。

0x02 關系型數(shù)據(jù)可視化

數(shù)據(jù)之間的關系，主要包含如下幾種關系類型：

• 表示數(shù)據(jù)之間的包含關系→韋恩圖；
• 表示數(shù)據(jù)之間的層級關系→漏斗圖&矩形樹圖；
• 表示數(shù)據(jù)之間的分流關系→?；鶊D；
• 表示數(shù)據(jù)之間的聯(lián)結關系→節(jié)點關系圖；

1.韋恩圖

作為表示集合之間關系的可視化圖形，韋恩圖是展示數(shù)據(jù)集之間包含關系的絕佳方式，它通過面積的大小來映射集合元素的個數(shù)，重疊部分的面積，則代表多個數(shù)據(jù)集重合元素的個數(shù)。

在工作中，我們要研究多個數(shù)據(jù)集之間的包含關系，就可以使用韋恩圖來展示數(shù)據(jù)。比如，購買啤酒的用戶和購買尿布的用戶有多少是重合的，收過某快遞公司包裹的用戶和選擇某快遞公司寄件的用戶，有多少是重合的。

當然，韋恩圖的使用并不僅僅局限于人群的包含關系展示，只要你需要研究多個數(shù)據(jù)集的包含關系，都可以使用韋恩圖，但是前提是：多個數(shù)據(jù)集描述的對象維度需要相同，比如都是用戶ID或商品名稱等。

2.漏斗圖

漏斗圖，適合作為具有層級關系的數(shù)據(jù)的可視化方式，特別是流程類或具有先后關系步驟的數(shù)據(jù)，且一般是用來描述單變量在不同環(huán)節(jié)的變化情況。

在網(wǎng)站或APP分析中，通常使用漏斗圖來比較完整流程中，各關鍵步驟的轉(zhuǎn)化率，以此來發(fā)現(xiàn)各個環(huán)節(jié)的問題并進行改進。在電商類購物網(wǎng)站中，常用漏斗圖來分析用戶從瀏覽商品至最終交易成功的各個關鍵環(huán)節(jié)的轉(zhuǎn)化率，具體如下圖所示：

通過縱向?qū)Ρ雀鱾€環(huán)節(jié)的用戶轉(zhuǎn)化率和流失情況，可以發(fā)現(xiàn)業(yè)務流程中各環(huán)節(jié)存在的問題，從而采取相應的措施來改進。除了縱向?qū)Ρ纫酝?，在實際業(yè)務中，也經(jīng)常會橫向?qū)Ρ炔煌瑫r間周期的轉(zhuǎn)化率情況，從而來評估某項改進措施的效果或發(fā)現(xiàn)現(xiàn)階段的問題。

3.矩形樹圖

在分布型數(shù)據(jù)可視化中講到過，矩形樹圖適合具有「樹狀結構」的層級關系數(shù)據(jù)的可視化，它通過「面積」來映射數(shù)據(jù)大小或者數(shù)據(jù)占比，通過顏色來區(qū)分類別。

且當矩形樹圖有多級結構時，通常需要一些交互來輔助數(shù)據(jù)細節(jié)的展示，如鼠標懸停顯示實際數(shù)或占比、單擊某個類別區(qū)域進入該類別細分視圖、單擊面包屑返回指定層級等。

4.?；鶊D

?；鶊D，是一種描述數(shù)據(jù)分流關系的可視化圖表方案，它的優(yōu)勢是可以直觀的展現(xiàn)數(shù)據(jù)流動。

它主要由邊、流量和支點組成，其中邊代表了流動的數(shù)據(jù)，流量代表了流動數(shù)據(jù)的具體數(shù)值，節(jié)點代表了不同分類。邊的寬度與流量成比例地顯示，邊越寬，數(shù)值越大。

桑基圖有一個重要特點就是保持能量守恒，即：所有主分支的高度總和=所有分出去的分支高度之和，因此桑基圖也稱為「?；芰科胶鈭D」。起初，?；鶊D主要用于分析能源的用途流向和行業(yè)損耗、工業(yè)生產(chǎn)材料的成分構成、金融領域的資金流向等。后來，?；鶊D使用領域擴大，比如可以用于分析用戶在網(wǎng)站或APP上行為路徑和分流情況，比如分析家庭收入來源和支出流向，世界人口遷移等。

總之，如果需要展示數(shù)據(jù)的分流情況，?；鶊D是一種絕佳的可視化方案。

5.節(jié)點關系圖

節(jié)點關系圖，常用來表示兩個或多個對象之間的關系。節(jié)點關系圖，主要有如下幾個要素：

• 節(jié)點：
• 表示一個對象，常用圓形、方形等形狀來表示，有時還會在節(jié)點內(nèi)顯示對象圖片等信息；
• 聯(lián)系：
• 如果兩個節(jié)點之間有聯(lián)系，則使用線段連接，線段上通常會有關系說明；
• 方向：
• 節(jié)點之間聯(lián)系的方向性，使用線段的箭頭來表示聯(lián)系的單向或雙向；

比較常用的場景有，劇集中人物關系的可視化、個人的社交網(wǎng)絡拓撲等。

0x03 地理型數(shù)據(jù)可視化

地理型數(shù)據(jù)，是指數(shù)據(jù)的維度屬性中包含地理信息，如國家、省份、城市、區(qū)、街道等。對于地理型數(shù)據(jù)的可視化，我們首先想到的可視化方案是使用地圖。

從可視化的空間維度上劃分，地圖分為二維地圖和三維地圖。二維地圖，包括區(qū)域地圖、道路地圖、室內(nèi)地圖等，在出行類APP如高德地圖、百度地圖、騰訊地圖中都有廣泛應用；三維地圖，即我們通常所說的全景地圖，它具有真實感強、易于沉浸的特點，可以真實的展現(xiàn)現(xiàn)實的空間場景，如室外天氣情況、人群多寡等。

本次分享的地理型數(shù)據(jù)可視化，側重于地圖與其他圖表組合的可視化方案。

1.地圖+散點圖/氣泡圖/熱力圖

• 地圖+散點圖：數(shù)據(jù)的地理屬性確定散點位置，數(shù)據(jù)大小則通過散點的顏色來體現(xiàn)，通常會配以色帶來映射顏色的取值范圍和大小關系。
• 地圖+氣泡圖：數(shù)據(jù)的地理屬性確定氣泡位置，數(shù)據(jù)大小則通過氣泡的面積來體現(xiàn)。
• 地圖+熱力圖：
• 數(shù)據(jù)的地理屬性確定熱力色塊位置和面積，但是不代表其他含義，數(shù)據(jù)大小則通過熱力圖顏色的深淺來體現(xiàn)，通常會配以色帶來映射顏色的取值范圍和大小關系。

三者的共同點是，數(shù)據(jù)中的地理屬性都會映射到地圖上的具體位置；不同點是，散點地圖是通過散點的顏色來映射數(shù)值的大小，氣泡地圖是通過氣泡面積來映射數(shù)值大小，熱力地圖是通過區(qū)域顏色的深淺來映射數(shù)值大小。

2.地圖+線圖

地圖和線圖結合的場景，一般是用于數(shù)據(jù)中具有兩個維度的地理信息，用于展示數(shù)據(jù)的流入&流出情況，其數(shù)據(jù)格式一般為：「地理信息1+地理信息2+數(shù)值」。

地理信息1（Departure）地理信息2（Desination）流入人口（Value）黑龍江省廣東省100,000海南省廣東省80,000….….….

其經(jīng)常使用的場景包括：世界范圍或者全國范圍內(nèi)的人口遷移，不同地區(qū)飛機/船舶/高鐵等交通航線的繁忙程度和流向情況，不同地區(qū)包裹的寄出量或收貨量等。

3.地圖+餅圖

當既要顯示不同地理區(qū)域某一指標的數(shù)據(jù)總量，同時又要顯示各地區(qū)某一指標總量的各構成部分占比時，可以使用「地圖+餅圖」結合的方式來進行可視化。

和普通的堆疊柱狀圖相比，「地圖+餅圖」可以顯示更多的數(shù)據(jù)項，同時更加直觀的展示數(shù)據(jù)和地理位置的關聯(lián)性。但是要注意一個點，地圖上的餅圖的扇區(qū)個數(shù)，最好保持在2～4個左右，如果總體分類過多，餅圖在地圖上就會顯得比較雜亂，可以考慮適度重新分組，以保證可視化呈現(xiàn)的最終效果。

0xFF 總結

在開篇《數(shù)據(jù)可視化之旅(一)：數(shù)據(jù)可視化過程》中有講到，數(shù)據(jù)關系是決定圖表選擇的關鍵因素。

作為數(shù)據(jù)圖表選擇的最后一篇，我們一起來回顧下【數(shù)據(jù)圖表的選擇】部分的內(nèi)容，以下為常見的數(shù)據(jù)關系和可供選擇的圖表類型。

*重要的內(nèi)容多看幾遍

后記

下一篇，會結合實際業(yè)務場景中的數(shù)據(jù)案例，來對比常用圖表的差異，總結根據(jù)數(shù)據(jù)特點選擇圖表類型的套路。感覺對自己有幫助的朋友請持續(xù)關注我們吧，小編非常樂意給大家分享分享個人的學習心得和經(jīng)驗總結！