之前的一個階段公司一直在做大屏的項(xiàng)目,所以我也一直在研究數(shù)據(jù)可視化的設(shè)計(jì),當(dāng)我閱讀《數(shù)據(jù)可視化》時,看到了如下的一張圖(下圖),是關(guān)于分析需求可采用的統(tǒng)計(jì)可視化方法,給了我很大的啟發(fā)。于是我想把這張圖進(jìn)行拓展,從如何選擇可視化圖表的角度來繼續(xù)深挖。
在工作的實(shí)踐中,我將選擇一個可視化圖表分成如下幾個步驟:分析數(shù)據(jù)>明確目標(biāo)>分析功能>選擇圖表(下圖)
1.獲取數(shù)據(jù)
1.1數(shù)據(jù)認(rèn)知
在獲取數(shù)據(jù)之前,我們先了解一下什么是數(shù)據(jù)。人們對于數(shù)據(jù)的認(rèn)知,一般都是經(jīng)過從數(shù)據(jù)模型到概念模型的過程,最后得到數(shù)據(jù)在實(shí)際中的具體語義。在處理數(shù)據(jù)時,最初接觸的是數(shù)據(jù)模型。例如一組數(shù)據(jù):7.8、12.5、14.3、…,首先被看作是一組浮點(diǎn)數(shù)據(jù),可以應(yīng)用加減乘除等操作;另一組數(shù)據(jù):白、黑、黃、…,則被視為一組根據(jù)顏色分類的數(shù)據(jù)。概念模型是對數(shù)據(jù)的高層次描述,對應(yīng)于人們對于數(shù)據(jù)的具體認(rèn)知。對數(shù)據(jù)進(jìn)行進(jìn)一步處理之前,需要定義數(shù)據(jù)的概念和他們之間聯(lián)系,同時定義數(shù)據(jù)的語義和他們所代表的含義。概念模型的建立跟實(shí)際應(yīng)用緊密相關(guān)。例如,數(shù)值數(shù)據(jù)可用于表達(dá)溫度、高度、產(chǎn)量等,而類別數(shù)據(jù)則可表達(dá)性別、人種等不同的意義。
1.2數(shù)據(jù)類型
數(shù)據(jù)類型一般可以分為類別型數(shù)據(jù)、數(shù)值型數(shù)據(jù)和有序型數(shù)據(jù)。類別型數(shù)據(jù)用于區(qū)分物體,數(shù)值型數(shù)據(jù)提供定量信息,有序型數(shù)據(jù)用來表示對象間的順序關(guān)系。例如我們最常見的縱向柱狀圖,類別型數(shù)據(jù)映射到的是x軸,數(shù)值型數(shù)據(jù)映射到y(tǒng)軸,有序型數(shù)據(jù)則是對象和數(shù)值的比較關(guān)系。
所以當(dāng)我們拿到數(shù)據(jù)時,需要明確手中數(shù)據(jù)的類型,因?yàn)榛A(chǔ)的可視化設(shè)計(jì)一般針對于這三種數(shù)據(jù)展開的,復(fù)雜型數(shù)據(jù)通常是這三類數(shù)據(jù)的組合和變化。
2.明確目標(biāo)
2.1可視化原則
可視化的首要任務(wù)是準(zhǔn)確的展示和傳達(dá)數(shù)據(jù)所包含的信息。在此前提下,針對特定的用戶對象,設(shè)計(jì)者可以根據(jù)用戶的預(yù)期和需求,提供有效輔助手段方便用戶理解數(shù)據(jù),從而完成有效的可視化。
2.2可視化圖表類型
從可視化圖表類型來說,可以分為比較類、分布類、流程類、占比類、區(qū)間類、關(guān)聯(lián)類、趨勢類、時間類、地圖類等。所以,針對用戶的預(yù)期和需求,明確目標(biāo)的這一過程就是選擇合適的可視化圖表類型。
在這一步驟中我們不僅需要明確考慮“用戶想要知道什么?”,同時還要考慮“如果用戶知道了這個信息,會用它來做什么?”。所以我們選擇使用什么功能的圖表將有助于用戶做決策。
3.分析功能
分析功能,是指在明確目標(biāo)和場景的前提下,從數(shù)據(jù)的特性選擇更加細(xì)分的圖表類型。對于比較類圖表來說,可以細(xì)分為條目相關(guān)、數(shù)值相關(guān)、目標(biāo)相關(guān)、周期相關(guān)、股票相關(guān)、分布相關(guān)等。
4.選擇圖表(比較類圖表)
所以我們在獲取數(shù)據(jù)、明確目標(biāo)和分析功能之后,就要針對圖表展示的目的和表現(xiàn)層面選擇合適的圖表(下圖)。
4.1條目相關(guān)
4.1.1柱狀圖
當(dāng)我們擁有一組類別型數(shù)據(jù)、一個連續(xù)數(shù)值型數(shù)據(jù)時,同時為了對比數(shù)值,我們就可以選擇柱狀圖來展示圖表。但同時需要注意的是類別型數(shù)據(jù)不超過12條可以選擇縱向柱狀圖,不超過30條數(shù)據(jù)時可以選擇橫向柱狀圖,而超過30條數(shù)據(jù),柱狀圖將不再適用。
4.1.2南丁格爾玫瑰圖和玉玦圖
南丁格爾玫瑰圖和玉玦圖都是極坐標(biāo)下繪制的柱狀圖。不同的是南丁格爾玫瑰圖通過面積大小的比值,所以數(shù)值的比較非常直觀。而由于我們的視覺系統(tǒng)更善于比較直線,所以玉玦圖在數(shù)值的比較上并不直觀,其更多的是一種審美上的需求。
4.1.3雷達(dá)圖
當(dāng)我們擁有一組類別型數(shù)據(jù)、一個連續(xù)數(shù)值型數(shù)據(jù)時,同時為了對比數(shù)據(jù)權(quán)重高低情況,展示性能數(shù)據(jù),我們就可以選擇雷達(dá)圖。著重要強(qiáng)調(diào)的是,雖然雷達(dá)圖每個軸線都表示不同維度,但使用上為了容易理解和統(tǒng)一比較。使用雷達(dá)圖經(jīng)常會人為的將將多個坐標(biāo)軸都統(tǒng)一成一個度量。
4.1.4雙向柱狀圖
當(dāng)我們擁有一組類別型數(shù)據(jù)、兩個連續(xù)數(shù)值型數(shù)據(jù)時,同時為了對比數(shù)值,我們就可以選擇雙向柱狀圖來展示圖表。其中分類軸表示需要對比的分類維度,連續(xù)軸代表相應(yīng)的數(shù)值,分為兩種情況,一種是正向刻度值與反向刻度值完全對稱,另一種是正向刻度值與反向刻度值反向?qū)ΨQ,即互為相反數(shù)。
4.1.5層疊面積圖
當(dāng)我們擁有一組類別型數(shù)據(jù)、兩個連續(xù)數(shù)值型數(shù)據(jù)時,同時為了對比趨勢,我們就可以選擇層疊面積圖來展示圖表。層疊面積圖上的最大的面積代表了所有的數(shù)據(jù)量的總和,是一個整體。各個疊起來的面積表示各個數(shù)據(jù)量的大小,這些堆疊起來的面積圖在表現(xiàn)大數(shù)據(jù)的總量分量的變化情況時格外有用,所以層疊面積圖不適用于表示帶有負(fù)值的數(shù)據(jù)集。非常適用于對比多變量隨時間變化的情況。
4.1.6氣泡圖
當(dāng)我們擁有一組類別型數(shù)據(jù)、三個連續(xù)數(shù)值型數(shù)據(jù)時我們就可以選擇氣泡圖來展示圖表。氣泡圖通常用于比較和展示不同類別圓點(diǎn)(這里我們稱為氣泡)之間的關(guān)系,通過氣泡的位置以及面積大小。從整體上看,氣泡圖可用于分析數(shù)據(jù)之間的相關(guān)性。
4.1.7層疊柱狀圖和分組柱狀圖
當(dāng)我們擁有兩組類別型數(shù)據(jù)、一個連續(xù)數(shù)值型數(shù)據(jù)時,同時數(shù)據(jù)在同一分類下,我們可以選擇層疊柱狀圖,數(shù)據(jù)不同分類,則選擇分組柱狀圖。層疊面積圖上的最大的面積代表了所有的數(shù)據(jù)量的總和,是一個整體。而分組柱狀圖經(jīng)常用于不同組間數(shù)據(jù)的比較,這些組都包含了相同分類的數(shù)據(jù)。
4.2數(shù)值相關(guān)
4.2.1漏斗圖
漏斗圖適用于業(yè)務(wù)流程比較規(guī)范、周期長、環(huán)節(jié)多的單流程單向分析,通過漏斗各環(huán)節(jié)業(yè)務(wù)數(shù)據(jù)的比較能夠直觀地發(fā)現(xiàn)和說明問題所在的環(huán)節(jié),進(jìn)而做出決策。
4.3目標(biāo)相關(guān)
4.3.1子彈圖
子彈圖的發(fā)明是為了取代儀表盤上常見的那種里程表,時速表等基于圓形的信息表達(dá)方式,可以表達(dá)一項(xiàng)數(shù)據(jù)與不同目標(biāo)的校對結(jié)果。子彈圖無修飾的線性表達(dá)方式使我們能夠在狹小的空間中表達(dá)豐富的數(shù)據(jù)信息,線性的信息表達(dá)方式與我們習(xí)以為常的文字閱讀相似,相對于圓形構(gòu)圖的信息表達(dá),在信息傳遞上有更大的效能優(yōu)勢。
4.4周期相關(guān)
4.4.1螺旋圖
基于阿基米德螺旋坐標(biāo)系,常用于繪制隨時間變化的數(shù)據(jù),從螺旋的中心開始向外繪制。螺旋圖節(jié)省空間,可用于顯示大時間段數(shù)據(jù)的變化趨勢。
4.5股票相關(guān)
4.5.1K線圖
K 線圖,原名蠟燭圖,又稱陰陽圖、棒線、紅黑線或蠟燭線,常用于展示股票交易數(shù)據(jù)。K 線就是指將各種股票每日、每周、每月的開盤價(jià)、收盤價(jià)、最高價(jià)、最低價(jià)等漲跌變化狀況,用圖形的方式表現(xiàn)出來。
參考資料
《數(shù)據(jù)可視化》