數(shù)據(jù)可視化圖表的使用方式及最佳做法,你用對(duì)了嗎?

3 評(píng)論 6966 瀏覽 34 收藏 22 分鐘

編輯導(dǎo)語(yǔ):我們?cè)诠ぷ髦薪?jīng)常會(huì)用到數(shù)據(jù),如今為了更加方便的數(shù)據(jù)圖表,一些企業(yè)采用數(shù)據(jù)可視化圖表,制作數(shù)據(jù)可視化大屏;本文作者介紹了數(shù)據(jù)可視化圖表的使用方式以及最佳做法,我們一起來(lái)學(xué)習(xí)一下。

很多人在了解到具體的數(shù)據(jù)可視化圖表之后,在制作數(shù)據(jù)可視化大屏過(guò)程當(dāng)中都會(huì)有一個(gè)共通的疑問(wèn),那就是

“我該怎么去使用這些圖表,什么時(shí)候該用什么樣的圖表類型呢?”

針對(duì)這個(gè)問(wèn)題,我給大家總結(jié)了數(shù)據(jù)可視化當(dāng)中常用圖表類型的使用方式,不同的圖表只有找到正確的使用方式,才能發(fā)揮其最大的用途。

一、5種大數(shù)據(jù)可視化圖表的類型

1. 時(shí)間線性

如果數(shù)據(jù)可視化滿足兩個(gè)條件:它們是線性的并且是一維的,則它們屬于時(shí)間類別;時(shí)間可視化通常具有獨(dú)立的行或彼此重疊的行,并帶有開始和結(jié)束時(shí)間。

這類的數(shù)據(jù)圖表,是我們?cè)趯W(xué)校和工作場(chǎng)所都能識(shí)別的熟悉的圖表,意味著我們?cè)陂喿x它們時(shí)會(huì)更容易理解。

時(shí)態(tài)數(shù)據(jù)可視化的示例包括:

  • 散點(diǎn)圖
  • 極區(qū)圖
  • 時(shí)間序列
  • 時(shí)間線
  • 折線圖

2. 分層的

屬于層次結(jié)構(gòu)類別的數(shù)據(jù)可視化是對(duì)較大組中的組進(jìn)行排序的可視化,如果你需要顯示信息集群,尤其是當(dāng)它們從單個(gè)起點(diǎn)流動(dòng)時(shí),分層可視化效果最適合。

這些圖的不利之處在于它們往往更復(fù)雜且難以閱讀,這就是為什么最經(jīng)常使用樹形圖的原因;由于其線性路徑,因此最簡(jiǎn)單。

分層數(shù)據(jù)可視化的示例包括:

  • 樹形圖
  • 環(huán)圖
  • 朝陽(yáng)圖

3. 網(wǎng)絡(luò)

數(shù)據(jù)集與其他數(shù)據(jù)集緊密相連,網(wǎng)絡(luò)數(shù)據(jù)可視化顯示了它們?nèi)绾卧诰W(wǎng)絡(luò)中相互關(guān)聯(lián);換句話說(shuō),無(wú)需冗長(zhǎng)的解釋就能說(shuō)明數(shù)據(jù)集之間的關(guān)系。

網(wǎng)絡(luò)數(shù)據(jù)可視化的示例包括:

  • 矩陣圖
  • 節(jié)點(diǎn)鏈接圖
  • 詞云
  • 沖積圖

4. 多維的

就像名稱一樣,多維數(shù)據(jù)可視化具有多個(gè)維度;這意味著在混合中總會(huì)有2個(gè)或更多變量來(lái)創(chuàng)建3D數(shù)據(jù)可視化。

由于存在許多并發(fā)的圖層和數(shù)據(jù)集,這些類型的可視化往往是最生動(dòng)或引人注目的視覺;另一個(gè)加“?”這些視覺效果可以將大量數(shù)據(jù)分解為關(guān)鍵要點(diǎn)。

多維數(shù)據(jù)可視化的示例包括:

  • 散點(diǎn)圖
  • 餅狀圖
  • 維恩圖
  • 堆積條形圖
  • 直方圖

5. 地理空間

地理空間或空間數(shù)據(jù)可視化與現(xiàn)實(shí)生活中的物理位置相關(guān),將熟悉的地圖覆蓋有不同的數(shù)據(jù)點(diǎn)。

這些類型的數(shù)據(jù)可視化通常用于顯示一段時(shí)間內(nèi)的銷售或收購(gòu),并且由于在政治活動(dòng)中的使用或在跨國(guó)公司中的市場(chǎng)滲透率顯示而最為知名。

地理空間數(shù)據(jù)可視化的示例包括:

  • 流程圖
  • 密度圖
  • 制圖
  • 熱圖

二、17種最常見的圖形類型使用方式

數(shù)據(jù)和信息的呈現(xiàn)不只是選擇任何數(shù)據(jù)可視化設(shè)計(jì),而是要將數(shù)據(jù)與正確的信息可視化進(jìn)行匹配,那么首先要回答5個(gè)關(guān)鍵問(wèn)題:

  • 我想了解我的數(shù)據(jù)集之間的什么關(guān)系?
  • 我是否想了解數(shù)據(jù)的分布并尋找異常值?
  • 我是要比較多個(gè)值還是要隨時(shí)間分析單個(gè)值?
  • 我是否有興趣分析數(shù)據(jù)集中的趨勢(shì)?
  • 這種可視化是我總體數(shù)據(jù)故事的重要組成部分嗎?

考慮到這些問(wèn)題(以及想好你的答案之后),我們將深入研究11種最常見的圖形類型,了解他們的使用方式,你就可以將它們靈活運(yùn)用到數(shù)據(jù)可視化達(dá)到一個(gè)最好的效果,使你的數(shù)據(jù)故事栩栩如生。

1. 條形圖

什么時(shí)候使用條形圖可視化?

使用條形圖的原因一般如下幾種:

  • 要比較同一類別中的兩個(gè)或多個(gè)值;
  • 想比較整個(gè)部分;
  • 沒(méi)有太多的小組(最好的小組少于10個(gè));
  • 想了解多個(gè)相似數(shù)據(jù)集如何相互關(guān)聯(lián);

在以下情況下,請(qǐng)勿使用條形圖:

  • 要可視化的數(shù)據(jù)類型,只有一個(gè)是與之關(guān)聯(lián)的;
  • 想可視化展現(xiàn)連續(xù)性的數(shù)據(jù);

條形圖可視化的最佳做法:

如果使用條形圖,請(qǐng)參考以下方式以達(dá)到最佳可視化效果:

  • 始終使用一致的顏色和標(biāo)簽,以便你更加輕松地去識(shí)別數(shù)據(jù)之間的關(guān)系;
  • 簡(jiǎn)化y軸標(biāo)簽的長(zhǎng)度,并且不要忘記從0開始,這樣就可以按順序排列數(shù)據(jù);

2. 折線圖

像條形圖一樣,折線圖有助于展現(xiàn)緊湊且精確的可視化數(shù)據(jù),從而可以輕松快速地掃描信息以了解趨勢(shì);折線圖用于顯示相對(duì)于連續(xù)變量(最常見的時(shí)間或金錢)的結(jié)果數(shù)據(jù),在此可視化中正確使用顏色是必要的,因?yàn)椴煌牟噬€條可以使用戶更輕松地分析信息。

何時(shí)使用折線圖可視化?

使用折線圖的情況如下:

  • 想了解數(shù)據(jù)的趨勢(shì),模式和波動(dòng);
  • 想將具有多個(gè)序列的不同但相關(guān)的數(shù)據(jù)集進(jìn)行比較;
  • 想做出超出數(shù)據(jù)的預(yù)測(cè);

以下情況,請(qǐng)勿使用折線圖:

想展示數(shù)據(jù)的深入視圖。

折線圖可視化的最佳做法:

如果使用折線圖,請(qǐng)參考以下方式以達(dá)到最佳可視化效果:

  • 除了為要比較的每個(gè)類別使用不同的顏色外,還要確保使用實(shí)線來(lái)使折線圖清晰明了;
  • 為避免混淆,在一個(gè)折線圖中盡量不要比較四個(gè)以上的類別;

3. 散點(diǎn)圖

當(dāng)有許多不同的數(shù)據(jù)點(diǎn),你想要突出顯示數(shù)據(jù)集中的相似性時(shí),散點(diǎn)圖是正確的數(shù)據(jù)可視化;在尋找異常值或了解數(shù)據(jù)分布時(shí),這很有用。

如果數(shù)據(jù)形成一個(gè)從左下角延伸到右上角的帶,則這兩個(gè)變量之間很可能存在正相關(guān);如果波段從左上方到右下方,則可能存在負(fù)相關(guān);如果很難看到模式,則可能沒(méi)有相關(guān)性。

什么時(shí)候使用散點(diǎn)圖可視化?

使用散點(diǎn)圖的原因如下:

  • 想顯示兩個(gè)變量之間的關(guān)系;
  • 想要緊湊的數(shù)據(jù)可視化;

以下情況,請(qǐng)勿使用散點(diǎn)圖:

  • 想快速掃描信息;
  • 想要清晰準(zhǔn)確的數(shù)據(jù)點(diǎn);

散點(diǎn)圖可視化的最佳做法:

如果使用散點(diǎn)圖,請(qǐng)參考以下方式以達(dá)到最佳可視化效果:

  • 盡管趨勢(shì)線是分析散點(diǎn)圖數(shù)據(jù)的好方法,但請(qǐng)確保堅(jiān)持使用1或2條趨勢(shì)線以避免混淆;
  • 別忘了Y軸從0開始;

4. 迷你圖

迷你圖可以說(shuō)是顯示趨勢(shì)的最佳數(shù)據(jù)可視化工具,因?yàn)樗鼈兎浅>o湊;在為觀眾快速繪制圖片時(shí),他們可以完成工作;不過(guò),重要的是要確保你的聽眾了解如何正確讀取迷你圖以優(yōu)化其使用。

何時(shí)使用迷你圖可視化?

使用迷你圖的原因如下:

  • 可以將其與具有在特定時(shí)間段內(nèi)跟蹤的當(dāng)前狀態(tài)值的指標(biāo)配對(duì);
  • 想要顯示指標(biāo)背后的特定趨勢(shì);

出于以下情況,請(qǐng)勿使用迷你圖:

  • 想繪制多個(gè)序列;
  • 想說(shuō)明精確的數(shù)據(jù)點(diǎn)(即單個(gè)值);

迷你圖可視化的最佳做法:

如果使用迷你圖,請(qǐng)參考以下方式以達(dá)到最佳可視化效果:

  • 為了提高可讀性,要考慮在側(cè)面添加指標(biāo),以更好地了解數(shù)據(jù),如上例所示;
  • 堅(jiān)持一種顏色的迷你圖,使其在儀表板上保持一致;

5. 餅圖

餅圖是一種有趣的圖形可視化。在較高的層次上,它們很容易閱讀和理解,因?yàn)檎w關(guān)系非常明顯。

但是頂級(jí)數(shù)據(jù)視覺專家認(rèn)為,它們的缺點(diǎn)之一是——如果不向餅圖的每個(gè)部分添加數(shù)值,則每個(gè)部分的百分比就不明顯。

只要遵循最佳做法,餅圖就可以成為掃描信息的快速方法。

何時(shí)使用餅圖可視化?

使用餅圖的原因如下:

  • 想比較相對(duì)值
  • 想比較整個(gè)部分
  • 想快速掃描指標(biāo)

出于以下情況,請(qǐng)勿使用餅圖:

想精確比較數(shù)據(jù)。

餅圖可視化的最佳做法:

如果使用餅圖,參考以下方式以達(dá)到最佳可視化效果:

  • 確保餅圖的總和為100%。為了簡(jiǎn)化此操作,將數(shù)值和百分比添加到餅圖中;
  • 根據(jù)大小訂購(gòu)蛋糕塊;
  • 如果最多只能比較5個(gè)類別,可以使用餅圖。如果類別過(guò)多,則無(wú)法區(qū)分切片;

6. 指標(biāo)數(shù)

儀表通常只比較一個(gè)刻度上的兩個(gè)值:它們比較當(dāng)前值和目標(biāo)值,通常以綠色或紅色指示進(jìn)度是好是壞。

什么時(shí)候使用指標(biāo)可視化?

使用的原因如下:想要跟蹤具有明確的當(dāng)前目標(biāo)的單個(gè)指標(biāo)。

出于以下原因,請(qǐng)勿使用指標(biāo)可視化:

  • 要跟蹤多個(gè)指標(biāo);
  • 正在尋找可視化精確數(shù)據(jù)點(diǎn)的方法;

指標(biāo)可視化的最佳做法:

如果使用指標(biāo),以下是關(guān)鍵的設(shè)計(jì)點(diǎn):

  • 隨意使用指標(biāo)的尺寸和形狀,無(wú)論是圓弧、圓還是直線,都可以完成相同的工作;
  • 保持顏色與指標(biāo)指示的“好”或“壞”含義一致;
  • 始終使用一致的顏色和標(biāo)簽,以便更輕松地識(shí)別關(guān)系;
  • 簡(jiǎn)化y軸標(biāo)簽的長(zhǎng)度,并且不要忘記從0開始,這樣就可以按順序保持?jǐn)?shù)據(jù);

7. 瀑布圖

瀑布圖是一種信息可視化,應(yīng)用于顯示初始值如何受中間值影響并最終產(chǎn)生最終值,值可以為負(fù)或正。

什么時(shí)候使用瀑布圖可視化?

使用瀑布圖的情況如下:揭示數(shù)字的組成或構(gòu)成。

出于以下情況,請(qǐng)勿使用瀑布圖:想關(guān)注多個(gè)數(shù)字或指標(biāo)。

瀑布圖可視化的最佳做法

如果使用瀑布圖,需要注意:

  • 使用對(duì)比色突出顯示數(shù)據(jù)集中的差異;
  • 選擇暖色表示增加,選擇冷色表示減少;

8. 漏斗圖

如果要顯示一系列步驟以及每個(gè)步驟的完成率,漏斗圖是我們首選的數(shù)據(jù)可視化形式;可用于跟蹤一系列頁(yè)面或步驟的銷售過(guò)程,營(yíng)銷渠道或轉(zhuǎn)化率。

漏斗圖最常用于表示某事物如何在流程的不同階段中移動(dòng),漏斗圖將值顯示為逐漸減小的比例,總計(jì)為100%。

何時(shí)使用漏斗圖可視化?

使用漏斗圖的情況如下:顯示一系列步驟以及每個(gè)步驟的完成率。

以下情況,請(qǐng)勿使用漏斗圖:可視化各個(gè)獨(dú)立指標(biāo)。

漏斗圖可視化的最佳做法

如果使用漏斗圖,請(qǐng)注意以下幾點(diǎn):

  • 縮放每個(gè)部分的大小以準(zhǔn)確反映其數(shù)據(jù)集的大??;
  • 隨漏斗尺寸的減小,使用對(duì)比色或一種顏色進(jìn)行漸變,從最暗到最淺;

9. 熱圖

熱圖或匯流圖是一種數(shù)據(jù)可視化,顯示了兩個(gè)度量之間的關(guān)系并提供了評(píng)級(jí)信息;評(píng)級(jí)信息使用不同的顏色或飽和度顯示,并且可能會(huì)顯示評(píng)級(jí),例如從高到低。

也可以是主題圖,其中已識(shí)別邊界內(nèi)的區(qū)域與要表示的數(shù)據(jù)成比例地被陰影化。

什么時(shí)候使用熱圖可視化?

使用熱圖的原因如下:

  • 顯示兩個(gè)度量之間的關(guān)系;
  • 為了說(shuō)明一個(gè)重要的細(xì)節(jié);
  • 使用評(píng)級(jí)系統(tǒng);

出于以下原因,請(qǐng)勿使用熱圖:可視化各個(gè)獨(dú)立指標(biāo)。

可視化熱圖的最佳做法

如果使用熱圖,則需要關(guān)注以下幾點(diǎn):

  • 使用簡(jiǎn)單的地圖輪廓以避免分散數(shù)據(jù);
  • 使用多種顏色的單色顯示數(shù)據(jù)變化;
  • 避免使用多種模式;

10. 直方圖

直方圖是一種數(shù)據(jù)可視化,它顯示了連續(xù)間隔或特定時(shí)間段內(nèi)的數(shù)據(jù)分布,它基本上是垂直條形圖和折線圖的組合;X軸上顯示的連續(xù)變量分為多個(gè)離散間隔,在該離散間隔中擁有的數(shù)據(jù)數(shù)量決定了鋼筋的高度。

直方圖可以估算出值集中在哪里,極端值是什么以及整個(gè)數(shù)據(jù)集中是否存在任何間隙或異常值。

何時(shí)使用直方圖可視化?

使用直方圖的原因如下:

  • 在一定間隔或時(shí)間內(nèi)對(duì)數(shù)據(jù)集進(jìn)行比較;
  • 顯示數(shù)據(jù)分布;

由于以下原因,請(qǐng)勿使用直方圖:比較數(shù)據(jù)集中的3個(gè)以上變量。

直方圖可視化的最佳做法:

如果使用直方圖,請(qǐng)注意以下幾點(diǎn):

  • 避免條形過(guò)寬而會(huì)隱藏重要細(xì)節(jié)的條形或過(guò)窄的條形會(huì)引起很大的噪音;
  • 使用相等的整數(shù)創(chuàng)建條形尺寸;
  • 始終使用一致的顏色和標(biāo)簽,以便更輕松地識(shí)別關(guān)系;

11. 箱形圖

箱形圖或箱須圖是一種視覺表示形式,它基于五個(gè)數(shù)字摘要顯示通??缃M的數(shù)據(jù)分布:最小值,第一四分位數(shù),中位數(shù)(第二四分位數(shù)),第三四分位數(shù)和最大。

最簡(jiǎn)單的箱形圖顯示了從最小到最大的整個(gè)變化范圍,可能的變化范圍以及典型值,箱形圖還將顯示異常值。

什么時(shí)候使用箱形圖可視化?

使用箱形圖的原因如下:

  • 顯示或比較數(shù)據(jù)分布;
  • 識(shí)別數(shù)據(jù)的最小,最大和中位數(shù);

由于以下原因,請(qǐng)勿使用箱形圖:可視化單個(gè)未連接的數(shù)據(jù)集。

箱形圖可視化的最佳實(shí)踐:

如果使用箱形圖,需要注意:

  • 確保標(biāo)簽和圖例的字體大小足夠大,并且線寬足夠粗,以便于輕松理解結(jié)果;
  • 如果要繪制多個(gè)數(shù)據(jù)集,請(qǐng)使用不同的符號(hào),線型或顏色來(lái)區(qū)分每個(gè)數(shù)據(jù)集;
  • 總是從地塊上消除不必要的混亂;

12. 地圖

如果在地理上組織數(shù)據(jù)對(duì)業(yè)務(wù)而言很重要,則地圖是一種令人驚嘆的可視化工具,可添加到數(shù)據(jù)大屏主視覺中;例如,如果你的數(shù)據(jù)大屏正在查看每月銷售額,那么查看客戶的地理位置可能非常有用。

在上方, 你可以看到地圖可視化組件效果,以按國(guó)家/地區(qū)衡量數(shù)據(jù)。

什么時(shí)候使用地圖可視化?

使用地圖的原因如下:地理是數(shù)據(jù)故事的重要組成部分。

出于以下原因,請(qǐng)勿使用地圖:

  • 想顯示精確的數(shù)據(jù)點(diǎn);
  • 地理不是數(shù)據(jù)大屏總體故事中的重要元素;

地圖可視化的最佳做法:

如果使用地圖可視化,注意以下幾點(diǎn):

  • 避免在地圖上使用多種顏色和圖案。改用相同顏色的深淺不同;
  • 確保在地圖中包含圖例,以便每個(gè)人都能理解數(shù)據(jù)的含義;

13. 桌子

如果你是一個(gè)想要做出全面決定的人,那么表格就是你的理想選擇;表格很棒,因?yàn)榭梢酝瑫r(shí)顯示數(shù)據(jù)點(diǎn)和圖形,例如項(xiàng)目符號(hào)圖表、圖標(biāo)和迷你圖;這種可視化類型還將你的數(shù)據(jù)組織成列和行,這對(duì)于報(bào)表非常有用。

上面的示例說(shuō)明了如何將Google Analytics(分析)數(shù)據(jù)引入表格中,以便可以在一處查看所需的所有信息。

要記住的一件事是,如果數(shù)據(jù)大屏要顯示很多指標(biāo),那么有時(shí)表格可能會(huì)讓人不知所措。

什么時(shí)候使用表格可視化?

使用原因如下:

  • 想要顯示可以分類組織的二維數(shù)據(jù)集;
  • 可以向下鉆取以自然的向下鉆取路徑分解大數(shù)據(jù)集;

出于以下原因,請(qǐng)勿使用表格:要顯示大量數(shù)據(jù)。

表可視化的最佳做法:

如果使用表格,請(qǐng)參考以下關(guān)鍵設(shè)計(jì)最佳實(shí)踐:

  • 注意數(shù)據(jù)的順序。確保首先顯示標(biāo)簽,類別和數(shù)字,然后再移至圖形;
  • 表格中的行數(shù)盡量不要超過(guò)10個(gè),以免造成混亂;

14. 雷達(dá)圖或蜘蛛圖

雷達(dá)圖對(duì)于了解數(shù)據(jù)項(xiàng)之間的相對(duì)差異很有用。雷達(dá)圖使你可以輕松比較多個(gè)項(xiàng)目,并查看是否存在可能值得進(jìn)一步研究的差異。

15. 樹狀圖

樹形圖是一種可視化工具,可用于分解數(shù)據(jù)中多個(gè)變量之間的關(guān)系;例如,它們可以嚴(yán)格用作演示工具,以展示你的產(chǎn)品如何分類;樹狀圖可以分為2-3個(gè)不同的層,以顯示項(xiàng)目之間的層次關(guān)系。

 

本文由 @數(shù)據(jù)可視化那些事 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. gif圖表是什么工具?

    回復(fù)
    1. EasyV

      回復(fù)
    2. 謝謝大佬

      來(lái)自廣東 回復(fù)