一、什么是數(shù)據(jù)可視化

在回答這個(gè)問題之前。首先看一個(gè)問題：

1. 數(shù)據(jù)可視化有哪些應(yīng)用場景

數(shù)據(jù)可視化大屏幕，以及 PC 后臺數(shù)據(jù)概覽（不局限于 CRM、教育業(yè)務(wù)、金融業(yè)務(wù)，基本后臺業(yè)務(wù)需要數(shù)據(jù)概覽，都可以搭建）；甚至 C 端的游戲 UI 也包括（中間的六邊形叫做雷達(dá)圖），豆瓣評分的條形圖；

還有記賬、金融、理財(cái)、直播數(shù)據(jù)、疫情地圖等。

數(shù)據(jù)可視化就是將不可見的數(shù)據(jù)轉(zhuǎn)化為可見的圖形符號，從中發(fā)現(xiàn)規(guī)律和特征，以獲取更多的信息和價(jià)值。

相關(guān)干貨：

2. 數(shù)據(jù)可視化有哪些優(yōu)點(diǎn)？

1. 簡潔直觀：一張圖可能對標(biāo)一個(gè)復(fù)雜龐大的數(shù)據(jù)表格
2. 容易理解和記憶：人類右腦記憶圖像的速度比左腦記憶抽象的文字快 100 萬倍
3. 傳遞信息更豐富：讓數(shù)據(jù)“說話”，傳遞有價(jià)值的信息。

確定業(yè)務(wù)目標(biāo)，一般是 PM 給到的，之后確立指標(biāo)分析維度，然后選定可視化圖表類型，后面就是視覺效果的內(nèi)容。本文主要聚焦“確定指標(biāo)分析維度”以及“選定可視化圖表類型”

可視化圖表維度：橫看成嶺側(cè)成峰。同一個(gè)指標(biāo)數(shù)據(jù)，偏比較維度的，偏構(gòu)成維度的，從不同維度分析就有不同結(jié)果。

二、比較類圖表

下文的所有的圖表均通過案例，拋開純理論性內(nèi)容，基于實(shí)際業(yè)務(wù)情況出發(fā)。

1. 柱狀圖

柱狀圖：用于描述分類數(shù)據(jù)之間的對比，十分通用

使用情景：相比較 2019 年廣東、浙江、江蘇、湖南、福建五個(gè)省份的營業(yè)額差距，用柱狀圖

使用說明：

1. 分類不局限于地區(qū)、品類，可以是一個(gè)時(shí)間周期
2. 數(shù)量應(yīng)控制在 5-12 條最佳，如果超出 12 條，易讀性、簡潔直觀性就不那么強(qiáng)了

可不可以用餅圖呢？

不可以，因?yàn)轱瀳D更容易讀取部分占總和的比例，柱狀圖，更容易讀取數(shù)值之間的大小。

2. 條形圖

條形圖：柱狀圖跟條形圖的本質(zhì)是一樣的，都是比較數(shù)字大小，只是交換了 XY 軸的位置

使用場景：相比較福建省 top15 的門店?duì)I業(yè)額多少，產(chǎn)品提出平時(shí)在手機(jī)端查看數(shù)據(jù)較多

使用說明：

1. 當(dāng)條目較多大于 12 條，以及屏幕更多是豎長的時(shí)候，例如手機(jī)端，或者大屏的一側(cè)的時(shí)候，柱狀圖會(huì)顯得擁擠不堪 ，更適合條形圖。
2. 多用于 top 排行或分類名稱較長的情況。
3. 數(shù)量一般不超過 30 條，否則容易帶來視覺和記憶負(fù)擔(dān)。

3. 柱形圖與條形圖使用注意事項(xiàng)

①柱狀圖和條形圖使用過程中要盡量避免圓角，因?yàn)榭梢暬苤匾氖姑菧?zhǔn)確，大圓角不易識別。

②Y 軸要從零開始，為什么要從零開始呢，以下圖為例，假如你做了這份報(bào)表給領(lǐng)導(dǎo)，領(lǐng)導(dǎo)會(huì)誤認(rèn)為左邊漲勢喜人，可真的從零開始，實(shí)際上漲勢偏于平緩。從零開始，能暴露數(shù)據(jù)的真實(shí)問題。

③名稱較長的時(shí)候，優(yōu)先用條形圖

4. 折線圖

折線圖：橫軸為連續(xù)類別（如時(shí)間）且注重變化趨勢時(shí)候，適用折線圖

使用場景：想查看今年 5 月份單日營業(yè)額情況，并且對走勢做分析

使用說明：

1. 橫軸如果不是表示連續(xù)數(shù)值，折線圖的意義不大
2. 數(shù)量一般 不少于 3 天，否則用柱狀圖更合適

5. 面積圖

面積圖：折線表示走勢，面積表示營業(yè)額

使用場景：想查看今年 3 月份和去年 3 月每日營業(yè)額走勢，同時(shí)對整月營業(yè)額做個(gè)對比

使用說明：

1. 隨時(shí)間的變化趨勢和累積的值，適用面積圖
2. 面積圖如果要有意義，橫軸同樣需要表示連續(xù)數(shù)值

6. 折線圖與面積圖使用注意事項(xiàng)

①要保證橫軸一定要連續(xù)的，才有意義

②1 月份的倉庫貨量，五個(gè)月的倉庫貨量都加起來數(shù)據(jù)并沒有意義。假如把倉庫貨量改成倉庫凈貨量，面積圖數(shù)據(jù)就存在意義了。第二個(gè)圖正確的原因是在做視覺設(shè)計(jì)的時(shí)候，希望數(shù)據(jù)展現(xiàn)的不那么單薄，常常會(huì)加個(gè)漸變，看起來更有體積感，但是別做成面積圖。

7. 分組條形圖

分組條形圖：也可以叫分組柱狀圖，可以從多個(gè)維度去對比

使用說明：相比較當(dāng)月廣州 4 個(gè)門店，服裝、鞋子帶來的營業(yè)額有多少

8. 雙向條形圖

使用場景：相比較當(dāng)月福建省 5 個(gè)門店，收入支出情況分別是多少？

使用說明：

1. 適用于兩組以上分類數(shù)據(jù)的比較。負(fù)值概念表現(xiàn)的更強(qiáng)一些。
2. 不要忘記圖例，可以用顏色或者填充的不同
3. 組內(nèi)的二級分類不要超過 3 個(gè)

9. 南丁格爾玫瑰圖

玫瑰圖：與柱狀圖很像，把柱狀圖的橫坐標(biāo)變成極坐標(biāo)圍起來也就是玫瑰圖。玫瑰圖的每個(gè)角度都是等分的。玫瑰圖映射到數(shù)據(jù)上，比較的是扇形的半徑。

使用場景：想回報(bào)福建 8 個(gè)門店的營業(yè)額，回報(bào)過程中，想再視覺效果上夸大一下門店之間的差距。

使用說明：

1. 玫瑰圖是有幾個(gè)數(shù)據(jù)就把圓幾等份，對應(yīng)數(shù)據(jù)大小繪制不同長度的半徑。
2. 一種圓形的直方圖，使用半徑長短表示數(shù)值大小。
3. 由于面積等于半徑的平方，玫瑰圖會(huì)將數(shù)值之間的差異放大
4. 玫瑰圖不能用于表示占比構(gòu)成
5. 一般不超過 30 條，否則容易帶來視覺記憶負(fù)擔(dān)。

10. 雷達(dá)圖

雷達(dá)圖：常用于多維的性能數(shù)據(jù)，如綜合評分

使用場景：想要根據(jù)商場的綜合評分，看下這款連衣裙的顧客反饋

使用說明：

1. 指標(biāo)得分接近圓心，說明處于較差狀態(tài)，應(yīng)分析改進(jìn)。指標(biāo)得分接近外邊線，說明處于理想狀態(tài)。
2. 數(shù)量控制在 5-8 個(gè)最佳

11. 子彈圖

子彈圖：對比分類數(shù)據(jù)的數(shù)值大小以及是否達(dá)標(biāo)

使用場景：廣州市 5 個(gè)門店都制定了相應(yīng)的營業(yè)額目標(biāo)，廣州區(qū)經(jīng)歷想要查看目前的進(jìn)度情況

實(shí)用說明：

1. 可以通過標(biāo)記刻度區(qū)間，來進(jìn)行更好的評估
2. 數(shù)量控制在 10 個(gè)以內(nèi)

12. 漏斗圖

漏斗圖：適用于業(yè)務(wù)流程比較規(guī)范、周期長、環(huán)節(jié)多的單流程單向分享

使用場景：想要了解網(wǎng)上商城，顧客從瀏覽商城到交易成功的一個(gè)層層轉(zhuǎn)化情況

使用說明：繪制時(shí)候必須是直線，不可能為曲線。直線的傾斜程度表示轉(zhuǎn)化率

不適合表達(dá)無邏輯順序的分類對比。

13.使用注意事項(xiàng)

要保證路徑唯一 單流程，右圖辦理會(huì)員人數(shù)大于到店客戶是不合理的，可能會(huì)有線上用戶辦理會(huì)員，導(dǎo)致辦理會(huì)員人數(shù)多于到店人數(shù)。這個(gè)時(shí)候線上 線下區(qū)分兩個(gè)圖表達(dá)。

14. 階段小結(jié)

比較類圖標(biāo)，用的最作的就是柱狀圖，分組比較多的用條形圖，表示性能的用雷達(dá)圖。想凸顯差距用玫瑰圖?；跁r(shí)間 X 軸連續(xù)的變化趨勢類的用折線圖，基于業(yè)務(wù)流程的用漏斗圖，基于目標(biāo)用子彈圖。

三、構(gòu)成類圖表

1. 餅圖

餅圖：表示不同分類的占比情況，整個(gè)圓餅代表數(shù)據(jù)的綜合

使用場景：想看 2019 年廣東營業(yè)額構(gòu)成情況

使用說明：通過角度或弧長大小來對比各種分類，分類數(shù)量不超過 9 個(gè)

2. 環(huán)圖

環(huán)圖：本質(zhì)是餅圖中間區(qū)域挖空，但是環(huán)圖的降噪感會(huì)比餅圖好的多

使用場景：與餅圖一樣

使用說明：

1. 餅圖的整體性太強(qiáng)， 我們會(huì)將注意力更多集中在扇形面積上，環(huán)圖則可以很好的避免這個(gè)問題。
2. 建議分類數(shù)量不超過 9 個(gè)

3. 圖表使用對比

top5 只是數(shù)據(jù)的一部分，并不是總和。如果在環(huán)圖加一項(xiàng)「其他」也是可以的

4. 旭日圖

旭日圖：適合展示多層級數(shù)據(jù)的占比關(guān)系

使用場景：想查看廣東省營業(yè)額構(gòu)成，同時(shí)關(guān)注深圳市幾個(gè)門店的營業(yè)額構(gòu)成

使用說明：

1. 旭日圖是多張餅圖的集合
2. 離圓心越近，代表層級越高
3. 下一層級的綜合構(gòu)成上一層級

5. 堆疊面積圖

堆疊面積圖：除了表達(dá)趨勢外，也表達(dá)了營業(yè)額的總和

使用場景：查看 5 年來深圳時(shí)營業(yè)額總體趨勢和 4 個(gè)門店的構(gòu)成情況

使用說明：分類指標(biāo)的縱軸起點(diǎn)，并不是從 0 開始，而是在上一個(gè)分類基礎(chǔ)上疊加

6. 堆疊柱狀圖

堆疊柱狀圖：表達(dá)一級分類的比較，以及二級分類的占比構(gòu)成

使用場景：比較 5 年來深圳時(shí)營業(yè)額總體趨勢和 4 個(gè)門店的構(gòu)成情況

使用說明：二級分類并不是按照同一基準(zhǔn)線對齊的

7. 瀑布圖

瀑布圖：用于表達(dá)兩個(gè)數(shù)值之間的變化過程

使用場景：想查看 2019 年深圳時(shí)經(jīng)營收支情況

使用說明：過程值為正的時(shí)候向上加；過程值為負(fù)的時(shí)候向下減；

8. 階段小結(jié)

如果想表達(dá)的數(shù)據(jù)只有一級分類，就選擇餅圖以及環(huán)圖。優(yōu)先選擇環(huán)圖，適用范圍更廣，視覺的降噪感會(huì)更強(qiáng)。涉及到多級分類，用旭日圖。旭日圖是可以結(jié)合業(yè)務(wù)需求無限往下細(xì)分的。如果 X 軸是連續(xù)的，且為了看數(shù)據(jù)構(gòu)成同時(shí)看變化趨勢，選擇堆疊面積圖。如果 X 軸不連續(xù)，多個(gè)維度的構(gòu)成且看趨勢選擇。

四、分布與聯(lián)系

1. 基于地圖的熱力圖

熱力圖：用顏色深淺表示數(shù)字區(qū)間。由于顏色有規(guī)律的心智模型是不可以調(diào)換位置。也可以用色相的冷暖來做區(qū)分。

使用場景：查看全國各地的門店數(shù)量

使用說明：地圖可以結(jié)合多種不同的可視化方式；位置坐標(biāo)更精確。

2. 散點(diǎn)圖

散點(diǎn)圖：表達(dá)樹枝在兩個(gè)標(biāo)量之間的分布情況

使用場景：想查看今年的單品成本和收入分布情況

使用說明：可以結(jié)合顏色來標(biāo)記不同的類別；每一個(gè)圓點(diǎn)代表一個(gè)單品

在散點(diǎn)圖基礎(chǔ)之上，氣泡圖圓形表示的銷量，面積表示銷量大小。

五、數(shù)據(jù)可視化使用目標(biāo)

使用目標(biāo)：讓用戶用最短的時(shí)間，了解到數(shù)據(jù)帶來的信息

每種圖標(biāo)都有優(yōu)先和局限性，選擇最合適的圖標(biāo)，必要時(shí)可以組合使用

從需求和目標(biāo)出發(fā)，不要盲目的增加刪減元素，實(shí)用性大于美觀。