作者 | Destiny

來(lái)源 | 木東居士

0x00 前言

在之前分享的【數(shù)據(jù)圖表的選擇】三篇文章中，已經(jīng)把不同類型數(shù)據(jù)圖表的用法和適用場(chǎng)景做了一遍梳理。但是，在實(shí)際的業(yè)務(wù)場(chǎng)景中，如何根據(jù)擁有的數(shù)據(jù)集、想要展現(xiàn)的數(shù)據(jù)模式，去選擇最合適的圖表，需要不斷的去實(shí)踐和總結(jié)。

因此，今天這篇文章分享的內(nèi)容，是來(lái)對(duì)比常見(jiàn)相似圖表的差別和適用的數(shù)據(jù)集。

本篇將通過(guò)一些來(lái)源于實(shí)際業(yè)務(wù)場(chǎng)景的數(shù)據(jù)集實(shí)例，來(lái)進(jìn)行不同的可視化方案對(duì)比，從而總結(jié)出根據(jù)可視化目的、數(shù)據(jù)集特征，去選擇圖表類型的一般套路。圖表對(duì)比部分，會(huì)選擇一些常見(jiàn)的，且比較容易混淆的圖表類型來(lái)做對(duì)比，以「可視化目標(biāo)→數(shù)據(jù)集準(zhǔn)備→圖表選擇和對(duì)比→經(jīng)驗(yàn)總結(jié)」的方式來(lái)行文。

0x01 常用圖表對(duì)比

1.柱狀圖 VS 條形圖

1）可視化目標(biāo)

展示2019年上半年`銷售額Top10的手機(jī)品牌`、`銷售額Top10的手機(jī)型號(hào)`。

2）數(shù)據(jù)集準(zhǔn)備

3）圖形對(duì)比

4）總結(jié)

• 相同點(diǎn)：
• 柱狀圖和條形圖的數(shù)據(jù)結(jié)構(gòu)是相同的，都是由「一個(gè)分類字段+一個(gè)連續(xù)數(shù)值字段」構(gòu)成。
• 當(dāng)數(shù)據(jù)的記錄數(shù)不大于12條，分類字段的字符長(zhǎng)度小于5時(shí)，此時(shí)柱狀圖和條形圖可以互換。
• 不同點(diǎn)：
• 柱狀圖：
• 若分類字段，恰好是「時(shí)間序列」，此時(shí)建議使用柱狀圖，因?yàn)?a href='/map/zhuzhuangtu/' style='color:#000;font-size:inherit;'>柱狀圖能更好地體現(xiàn)數(shù)據(jù)隨時(shí)間的變化情況。
• 條形圖：
• 若分類字段的字符長(zhǎng)度較長(zhǎng)，且數(shù)據(jù)的記錄數(shù)大于12，此時(shí)建議使用條形圖。
• 一方面，斜置的文字和用戶閱讀的習(xí)慣相悖，同時(shí)也占用頁(yè)面空間，影響可視化圖表的美感。

2.柱狀圖 VS 直方圖

1）可視化目標(biāo)

• 展示某家出售小商品的店鋪，不同品類的商品銷售數(shù)量。
• 已知某家出售小商品的店鋪，其商品定價(jià)范圍在[0,100）之間，現(xiàn)需展示該店鋪在售商品的價(jià)格分布，要求每10元作為一個(gè)區(qū)間。

2）數(shù)據(jù)集準(zhǔn)備

數(shù)據(jù)集1:

數(shù)據(jù)集2:

3）圖形對(duì)比

4）總結(jié)

• 相同點(diǎn)：
• 柱狀圖和直方圖的數(shù)據(jù)結(jié)構(gòu)是相同的，都是由「一個(gè)分類/分組字段+一個(gè)連續(xù)數(shù)值字段」構(gòu)成。
• 都是由柱形條構(gòu)成。
• 不同點(diǎn)：
• 分析目的和適用場(chǎng)景不同。
• 「柱狀圖」主要是比較數(shù)據(jù)的大小，「直方圖」是用來(lái)展示數(shù)據(jù)的分布。
• 映射到X軸上的數(shù)據(jù)屬性不同。
• 在柱狀圖中，X軸上的變量是分類數(shù)據(jù)，例如不同的手機(jī)品牌、店鋪或網(wǎng)站在售商品的分類。
• 在直方圖中，X軸上是連續(xù)的分組區(qū)間，這些區(qū)間通常表現(xiàn)為數(shù)字，且一般情況下組距是相同的，例如將在售商品的價(jià)格區(qū)間分為的“0-10元，10-20元……”。
• 寬度代表的意義不同。
• 在柱狀圖中，柱子的寬度沒(méi)有實(shí)際的含義，一般為了美觀和整齊，會(huì)要求寬度相同；
• 在直方圖中，柱子的寬度代表了區(qū)間的長(zhǎng)度（即組距），根據(jù)區(qū)間的不同，柱子的寬度可以不同，但其寬度原則上應(yīng)該為組距的整倍。
• 表示數(shù)據(jù)大小的方式不同。
• 柱狀圖，是通過(guò)柱形條的高度，來(lái)映射數(shù)據(jù)的大小，且柱子之間有間隔；
• 直方圖，是通過(guò)面積來(lái)表示數(shù)據(jù)的大小，且柱子之間緊密相連，沒(méi)有間隔。

3.堆疊柱狀圖 VS 百分比堆疊柱狀圖

1）可視化目標(biāo)

• 展示某影院2019年上半年總票房趨勢(shì)及華語(yǔ)片、外語(yǔ)片趨勢(shì)。
• 展示某影院2019年上半年總票房收入構(gòu)成占比趨勢(shì)。

2）數(shù)據(jù)集準(zhǔn)備

數(shù)據(jù)集1:票房收入（元）

數(shù)據(jù)集1:票房收入占比

3）圖形對(duì)比

4）總結(jié)

• 相同點(diǎn)：
• 堆疊柱狀圖和百分比堆疊柱狀圖，都適合用來(lái)展示分類數(shù)據(jù)的構(gòu)成對(duì)比或構(gòu)成隨時(shí)間的變化趨勢(shì)。
• 當(dāng)映射到X軸上的數(shù)據(jù)為時(shí)間序列時(shí)，此時(shí)可以用堆疊面積圖or百分比堆疊面積圖來(lái)代替。
• 不同點(diǎn)：
• 堆疊柱狀圖：
• 既可以對(duì)比各構(gòu)成部分的數(shù)值差異，還可以觀測(cè)各組數(shù)據(jù)的整體差距。
• 百分比堆疊柱狀圖：
• 只能對(duì)比整體中的各構(gòu)成部分的占比差異，無(wú)法對(duì)比不同整體的差異。

4.折線圖 VS 面積圖

1）可視化目標(biāo)

• 展示2019年上半年，全國(guó)承運(yùn)包裹量趨勢(shì)。
• 展示2019年上半年，中通、圓通、申通三家快遞公司的承運(yùn)包裹量趨勢(shì)。
• 展示2019年上半年，全國(guó)及主流快遞公司的承運(yùn)量趨勢(shì)。
• 展示2019年上半年，主流快遞公司的承運(yùn)量占全國(guó)總承運(yùn)量的趨勢(shì)。

2）數(shù)據(jù)集準(zhǔn)備

數(shù)據(jù)集1:全國(guó)承運(yùn)包裹量

數(shù)據(jù)集2:中通、圓通、申通三家快遞公司的承運(yùn)包裹量

數(shù)據(jù)集3：全國(guó)及主流快遞公司的承運(yùn)量趨勢(shì)

數(shù)據(jù)集4:主流快遞公司的承運(yùn)量占全國(guó)總承運(yùn)量的趨勢(shì)

3）圖形對(duì)比

• 折線圖和面積圖可以互換的情況：

• 折線圖和面積圖不能互換的情況：
• 顯示構(gòu)成或占比時(shí)，應(yīng)該使用面積圖?堆疊面積圖or百分比堆疊面積圖。

4）總結(jié)

• 相同點(diǎn)：
• 折線圖和面積圖展示的是數(shù)據(jù)隨時(shí)間的變化趨勢(shì)，因此映射到X軸的數(shù)據(jù)類型一般為「時(shí)間/日期」。
• 二者均可以展現(xiàn)一個(gè)或多個(gè)變量和時(shí)間的關(guān)系，這種關(guān)系包括，周期性變化、季節(jié)性變化、異常波動(dòng)等。
• 在大部分情況下，折線圖和面積圖是可以互換的。
• 不同點(diǎn)：
• 折線圖：
• 通過(guò)數(shù)據(jù)點(diǎn)的縱坐標(biāo)來(lái)映射數(shù)值的大小，一般只用來(lái)表示數(shù)據(jù)的趨勢(shì)。
• 面積圖：
• 通過(guò)面積來(lái)映射數(shù)值的大小，「面積圖」除了可以替換折線圖外，還可以用來(lái)表示整體及其構(gòu)成部分隨時(shí)間的變化趨勢(shì)。
• 注意點(diǎn)：
• 當(dāng)使用面積圖表示多系列的趨勢(shì)時(shí)，需要對(duì)代表不同系列的面積區(qū)塊顏色設(shè)置透明度，透明度可以減少不同系列之間的遮蓋，幫助我們看到不同序列之間的重疊關(guān)系和更多信息。
• 當(dāng)一個(gè)圖表中，系列值過(guò)多時(shí)，折線圖會(huì)比面積圖更直觀，因?yàn)闇p少了系列的覆蓋和重疊，能更清晰的看看到各個(gè)系列的趨勢(shì)變化。

5.堆疊面積圖 VS 百分比堆疊面積圖

1）可視化目標(biāo)

• 若某家公司主要有電商、物流、云計(jì)算三塊的業(yè)務(wù)，現(xiàn)需要展示2015～2019這五年，集團(tuán)的年度收入趨勢(shì)及其三大業(yè)務(wù)的收入趨勢(shì)。
• 若某家公司主要有電商、物流、云計(jì)算三塊的業(yè)務(wù)，現(xiàn)需要展示2015～2019這五年，三大業(yè)務(wù)對(duì)集團(tuán)的年度收入的貢獻(xiàn)比例。

說(shuō)明：假設(shè)集團(tuán)有且只有這三項(xiàng)業(yè)務(wù)，且總收入=電商業(yè)務(wù)收入+物流業(yè)務(wù)收入+云計(jì)算業(yè)務(wù)收入。

2）數(shù)據(jù)集準(zhǔn)備

數(shù)據(jù)集1：總收入構(gòu)成

數(shù)據(jù)集2：總收入貢獻(xiàn)占比

3）圖形對(duì)比

4）總結(jié)

• 相同點(diǎn)：
• 堆疊面積圖和百分比堆疊面積圖，映射到X軸的均為【時(shí)間序列】。
• 兩者都可以展示各構(gòu)成部分，隨時(shí)間的變化趨勢(shì)，只不過(guò)「堆疊面積圖」的是構(gòu)成部分的實(shí)際值隨時(shí)間的變化趨勢(shì)，「百分比堆疊面積圖」展示的是構(gòu)成部分的占比隨時(shí)間的變化趨勢(shì)。
• 不同點(diǎn)：
• 堆疊面積圖：
• 除了可以展示各構(gòu)成部分隨時(shí)間的變化趨勢(shì)，還可以展示整體隨時(shí)間的變化趨勢(shì)。
• 百分比堆疊面積圖：
• 只能展示各構(gòu)成部分占總體的比例隨時(shí)間的變化，無(wú)法觀測(cè)總體隨時(shí)間的變化趨勢(shì)。
• 此外，從任何一個(gè)時(shí)間節(jié)點(diǎn)縱切下來(lái)，各部分占比之和必須為100%，即必須等于該節(jié)點(diǎn)的整體。

6.堆疊面積圖 VS 堆疊柱狀圖

1）可視化目標(biāo)

• 展示某個(gè)國(guó)家，近6年來(lái)GDP的增長(zhǎng)趨勢(shì)及其三大產(chǎn)業(yè)的產(chǎn)值趨勢(shì)。
• 展示2019年第二季度，6大主流手機(jī)品牌的總出貨量排名，及其各品牌在5大洲的出貨量對(duì)比。

2）數(shù)據(jù)集準(zhǔn)備

數(shù)據(jù)集1：三大產(chǎn)業(yè)產(chǎn)值單位為【元】

數(shù)據(jù)集2：出貨量單位為【部】

3）圖形對(duì)比

4）總結(jié)

• 相同點(diǎn)：
• 堆疊面積圖和堆疊柱狀圖的數(shù)據(jù)集格式類似，都是由「一個(gè)分類字段+多個(gè)連續(xù)數(shù)值字段」構(gòu)成，且多個(gè)連續(xù)數(shù)值字段，是一個(gè)整體的各組成部分。
• 兩者都可以觀測(cè)某一節(jié)點(diǎn)的總體數(shù)值和各組成部分的具體數(shù)值，都有數(shù)據(jù)對(duì)比的功能。
• 不同點(diǎn)：
• 堆疊面積圖：
• 堆疊面積圖的分類字段，一般是時(shí)間序列。
• 當(dāng)既需要分析整體隨時(shí)間的變化趨勢(shì)，又要了解整體的各構(gòu)成項(xiàng)隨時(shí)間的變化情況時(shí)，應(yīng)該使用【堆疊面積圖】。
• 從其目的可以看出，堆疊面積圖的分類字段(即時(shí)間序列)，是按照時(shí)間的先后順序排列的。
• 堆疊柱狀圖：
• 堆疊柱狀圖的分類字段，一般是非時(shí)間類型的分類數(shù)據(jù)。
• 當(dāng)既要對(duì)比不同整體的數(shù)據(jù)大小，又要觀測(cè)整體各構(gòu)成項(xiàng)的數(shù)據(jù)大小時(shí)，應(yīng)該使用【堆疊柱狀圖】。
• 若整體的構(gòu)成項(xiàng)過(guò)多，為了突出重點(diǎn)，需要對(duì)構(gòu)成項(xiàng)進(jìn)行重新歸類，展示TOP5的分類，剩下則歸為「其他」。

7.散點(diǎn)圖 VS 氣泡圖

1）可視化目標(biāo)

• 展示華為不同型號(hào)手機(jī)的售價(jià)和成本的分布。
• 展示華為手機(jī)不同型號(hào)手機(jī)的售價(jià)、成本和對(duì)應(yīng)型號(hào)的銷量。

2）數(shù)據(jù)集準(zhǔn)備

數(shù)據(jù)集1:

數(shù)據(jù)集2:

3）圖形對(duì)比

4）總結(jié)

• 相同點(diǎn)：
• 散點(diǎn)圖和氣泡圖，均是用來(lái)展示數(shù)據(jù)分布情況的一種圖形。
• 散點(diǎn)圖和氣泡圖，都是將兩個(gè)字段映射到x,y軸的位置上，(x,y)的取值確定一個(gè)圓點(diǎn)或氣泡在直角坐標(biāo)系中的位置。
• 不同點(diǎn)：
• 散點(diǎn)圖：
• 一般用來(lái)展示二維數(shù)據(jù)(x,y)的分布，側(cè)重于研究二維數(shù)據(jù)的兩個(gè)變量x,y之間的相關(guān)性，如身高和體重之間的相關(guān)關(guān)系。
• 散點(diǎn)圖中，還可以展示多組數(shù)據(jù)系列的對(duì)比，比如男性身高體重和女性身高體重分布規(guī)律的對(duì)照。
• 氣泡圖：
• 一般用來(lái)展示三維數(shù)據(jù)（x,y,z）的分布情況，相較于散點(diǎn)圖，氣泡圖增加了一個(gè)維度的數(shù)據(jù)展示，且將其數(shù)值映射到氣泡的大小上。
• 氣泡圖，也可以展示多組數(shù)據(jù)系列的分布，以發(fā)現(xiàn)不同系列的分布規(guī)律和差異。
• 注意點(diǎn)：
• 一般來(lái)說(shuō)，散點(diǎn)圖主要是用于研究數(shù)據(jù)集的分布規(guī)律和相關(guān)性，并不是很側(cè)重去看每個(gè)數(shù)據(jù)點(diǎn)的具體取值。
• 當(dāng)數(shù)據(jù)集數(shù)量過(guò)大時(shí)，不適合將全部數(shù)據(jù)點(diǎn)展示在散點(diǎn)圖中，此時(shí)需要對(duì)總體進(jìn)行抽樣顯示，通常采用分層抽樣的方法進(jìn)行，但是分層抽樣的依據(jù)和影響因素需要依據(jù)具體的業(yè)務(wù)場(chǎng)景而定。
• 相較于散點(diǎn)圖，氣泡圖不太適合過(guò)多數(shù)據(jù)容量的情況，氣泡太多會(huì)使圖表難以閱讀。
• 此外，對(duì)于氣泡圖中隱藏的一些數(shù)據(jù)信息，通常可以使用交互來(lái)輔助圖標(biāo)信息的閱讀，如懸停顯示詳細(xì)數(shù)據(jù)、縮放觀測(cè)被遮蓋的數(shù)據(jù)點(diǎn)等。

0xFF 總結(jié)

不知不覺(jué)發(fā)現(xiàn)寫(xiě)的內(nèi)容有點(diǎn)多，為了方便大家更快的獲取信息，將圖表對(duì)比部分進(jìn)行了精簡(jiǎn)，參考如下：

贅述一句：可視化之前，最重要的是弄清楚可視化的目的是什么，你期望展示或探索數(shù)據(jù)的什么規(guī)律。因?yàn)?，這不僅決定了應(yīng)該選擇什么類型的圖表，如何統(tǒng)計(jì)和組裝你的數(shù)據(jù)集，也決定了可視化出來(lái)的結(jié)果是否能達(dá)到你的預(yù)期目標(biāo)。

聲明：以上圖表數(shù)據(jù)純屬虛構(gòu)，圖形部分由Excel完成，部分由Sketch繪制。