8000字干貨！可視化圖表的分類與特點詳解

引言：

本文將帶領大家更系統全面地認識可視化圖表，同時通過分析可視化圖表的底層邏輯，幫助大家擴展思維去創作更具個性化的圖表。

一、什么是可視化圖表

可視化圖表的定義、使用領域

「定義」可視化圖表是實現數據可視化的工具，本質是通過圖形作為載體，將抽象的數據轉化成視覺上具象的圖表以傳達信息，具有美觀、直觀的特點。

「使用領域」所有與數據管理相關的行業都需要用到可視化圖表。它可以為數據分析提供幫助，輔助管理者獲取執行方向、做出決策，同時也能為管理者預估未來發展情況。

二、可視化圖表的分類

用途分類、視覺表現分類，通過合理分類挑選合適的圖表

有些人可能覺得為什么要了解分類呢？我一張表格吃遍天不行嗎？大不了換成條形圖、餅狀圖隨便往上套。只是為了減少設計工作量確實可以，但從圖表使用者的角度來說，這樣的圖表價值很低，甚至一文不值。

因為一般來說不同圖表傳達的信息重點不同，信息量也不同。當我們實際需求沒那么多，又或者我們需要關注的重點信息只有那么一兩個，那么圖表中多出的信息就會造成視覺冗余，導致視覺噪音大，難以抓住重點。當我們實際需求一張圖就能解決，卻用了多個圖表去完成，那么又會導致不必要的屏幕空間占用。

根據不同的使用情形，我們可以從視覺導向和需求導向兩個方面進行分類。

根據需求導向可以分為：數據展示、同類對比、趨勢走向、類型占比、關系流向、頻率分布六大類。根據視覺導向可以分為：圓形、矩形、線形、其他四大類。

可視化圖表根本目的是實現傳達信息的需求，在多個圖表都可以實現需求時，可以在視覺角度上進行二次篩選。

現在我們按照需求類型對可視化圖表進行分析：

「數據展示」

1. 表格

表格作為可視化圖表的基礎，可以事無巨細地展示多組數據，提供最原始純粹的數據，這既是它的優點也是缺點。如果追求數據的原始純粹，那么表格是不二之選，如果目的是分析數據特征，圖表就是最差的選擇。

優點：數據原始純粹

缺點：不能直觀體現數據特征

使用情形：需要獲取原始詳細的數據信息時，如：采購清單、商品信息表、人員信息表等

2. 日歷

日歷展示日期，多為表格形式呈現，一般用于選取時間的交互。

3. 鐘表圖

鐘表圖用帶刻度的圓展示具有周期特性的時間。目前時間往往直接用數字文本表達更加便捷清晰，而鐘表圖的使用主要是為了實現美觀的界面表現。

4. 莖葉圖

莖葉圖將數據歸納到各自所在的區間內，保留原始數據的同時，可以觀察數據的分布情況。既可以展示某一組別下的數據，也可以對兩組數據同時進行展示與對比。

優點：數據原始純粹、便于觀察數據分布情況

缺點：頁面占用的情況被數據量影響，導致畫面占用情況不可測，難以預留空間

使用情形：記錄適量的數據并得到直觀的數據分布情況，比如錄入學生成績等

5. 象形圖

象形圖將數據的指代對象圖形化，直觀展示當前數據所指的對象，可以展示值也可以展示狀態。

優點：美觀

缺點：指代對象可能會有歧義

使用情形：強調主題、美化頁面等

6. 儀表盤

儀表盤用帶刻度的表盤和指針展示具有上下限的對象在某一時刻的指標數據狀態。

優點：直觀展示數據指標狀態，同時可以觀察數據波動情況

缺點：只能展示短期內的數據波動，不能完整地展示長期數據波動

使用情形：觀察某一指標下短時間內的數據波動和狀態，如：網速、車速等

7. 子彈圖

子彈圖對數據進行刻度劃分，并用矩形條長度指代值的大小，在此基礎上展示數值階段。

優點：直觀展示數據指標狀態

缺點：只能展示某一時刻或某一時段內的整體指標數據狀態

使用情形：觀察某一指標下的整體指標數據狀態，如：污染度、濕度等

8. 雷達圖

雷達圖可以看成極坐標化的多個子彈圖組合，數據點連接成閉合的圈，用圈的面積指代整體值的大小，用數據點距離中心點的距離指代對應指標值的大小。

優點：多個指標同時展示，屏幕空間利用率提高

缺點：指標不宜過多，否則雜亂難讀

使用情形：查看某一對象的多個指標評分情況，如：一家公司的各部門能力情況、一個學生各學科評分等

「同類對比」

9. 條形圖

條形圖可以展示多個對象就某一指標下的數據情況，利用橫向的長條矩形長度指代數據值，通過長度對比，得到數據大小的對比。

優點：除了對比，經過排序后還可展示縱向的數據排名

缺點：當數據之間數值差距過小就難以進行對比

使用情形：多個獨立的對象在某個指標下進行對比時，如：各類產品的銷售情況、各地區的售賣情況等

10. 柱狀圖

柱狀圖與條形圖基本一樣，都是展示多個對象就某一指標下的數據情況，并利用矩形長度進行數據對比，區別只是柱狀圖的矩形是豎著的，條形圖是橫著的。這便導致柱狀圖相比條形圖具有了趨勢變化的觀感。

優點：除了對比，還可以展示橫向的數據變化

缺點：當數據之間數值差距過小就難以進行對比，當橫坐標指代對象為獨立無聯系的個體時，容易造成趨勢印象

使用情形：多個具有聯系的對象在某一指標下進行對比時，如：某一產品各月銷售情況、某一產品在各地區（銷售地與產地間的距離在進行排序后）的銷售情況等

11. 玫瑰圖

玫瑰圖又稱雞冠花圖，是極坐標化的條形圖，每個扇形角度都是相等的，通過半徑不同的扇形面積來表示數據大小，用以進行數據對比。由于其具有圓周的形式，適合用來對具有周期屬性的數據對象作對比。

優點：美觀、對象具有周期屬性時可展示周期規律

缺點：因為半徑和面積是平方關系，因而會將數據的比例夸大，不適用于數據差異過大的數據，且數據對象過多會導致分辨不清

使用情形：數值之間差距較小時對數據進行對比、周期型的數據對比，如：具有同一屬性（表現相近）的不同產品之間進行對比、一周內的數據對比等

12. 蝴蝶圖

蝴蝶圖又稱旋風圖，是兩組共享同一縱坐標的條形圖，相比普通條形圖更能直觀反映兩組數據之間的比較。

優點：簡潔直觀

缺點：當數據之間數值差距過小就難以進行對比，不適合兩組以上的數據比較

使用情形：對兩組對象就其子對象的數據指標進行比較，如：對兩組方案在各節點的銷售情況進行比較、男女性別在不同年齡段的人口比較等

13. 堆疊條形圖

堆疊條形圖是具有總分結構的條形圖，相比普通條形圖可以直觀地查看對象的組成結構，同時能夠對其各組成的數據進行比較。

優點：具有總分結構、除了對比，經過排序后還可展示縱向的數據排名

缺點：堆疊類型過多會導致眼花繚亂，當數據之間數值差距過小就難以進行對比

使用情形：需要進行解構的數據比較，如：總量下的庫存量+銷量+損耗量對比、產品總銷量下的各型號銷量對比等

14. 堆疊柱狀圖

堆疊柱狀圖是具有總分結構的柱狀圖，相比普通柱狀圖可以直觀地查看對象的組成結構，同時能夠對其各組成的數據進行比較。由于其柱體豎著排布，導致具有趨勢變化的觀感。

優點：具有總分結構、除了對比，還可以展示橫向的數據變化

缺點：堆疊類型過多會導致眼花繚亂，當數據之間數值差距過小就難以進行對比，當橫坐標指代對象為獨立無聯系的個體時，容易造成趨勢印象

使用情形：需要進行解構的數據比較，如：某一產品總量下的各月庫存量+銷量+損耗量對比、某一產品下各類型號在各地區（銷售地與產地間的距離在進行排序后）的銷售情況等

15. 堆疊玫瑰圖

堆疊玫瑰圖是極坐標化的堆疊條形圖，含總分結構。每個扇形角度都是相等的，通過半徑不同的扇形面積來表示數據大小，用以進行數據對比。由于其具有圓周的形式，適合用來對具有周期屬性的數據對象做總分對比。

優點：美觀、對象具有周期屬性時可展示周期規律、具有總分結構

缺點：因為半徑和面積是平方關系，因而會將數據的比例夸大，不適用于數據差異過大的數據，且數據對象過多會導致分辨不清

使用情形：需要進行解構的數據比較，數值之間差距較小時對數據進行對比、周期型的數據對比，如：具有同一屬性（表現相近）的不同產品下的各型號之間進行對比、一周內的各型號數據對比等

「趨勢走向」

16. 折線圖

折線圖將數據點連接成線，可以顯示隨時間變化的連續數據，適合展示相等時間間隔下的數據波動趨勢。

優點：直觀易懂，能及時感知趨勢

缺點：展示的數據對象不宜過多，否則多條折線會使得信息雜亂難讀

使用情形：需要獲取時間線下數據的波動趨勢時，如一年中產品的銷量變化等

17. 路徑圖

路徑圖在地理位置上展示地理對象之間的路線情況。

優點：簡明直觀

缺點：由于現實地理的變化，需要保持更新

使用情形：需要指示兩地或多地之間的路線時，如：地圖導航等

18. 風場圖

風場圖主要用于展示氣象數據中的風向及風速等信息，幫助與氣象相關的行業工作者獲取風場信息。

19. 折線面積圖

折線面積圖在折線圖的基礎上增加了面塊。可以顯示隨時間變化的連續數據，適合展示相等時間間隔下的數據波動趨勢，且用面塊進行量的表達。

優點：直觀易懂，能即時感知趨勢和總量情況

缺點：展示的數據對象不宜過多，否則多個面塊會使得信息雜亂難讀

使用情形：需要獲取時間線下數據的波動趨勢和總量情況時，如一年中產品的銷量變化和總銷量情況等

20. 范圍面積圖

范圍面積圖是由兩條展示上下限的折線面積圖組成，可以顯示隨時間變化的連續數據的上下限波動情況。

優點：能及時感知上下限的變化趨勢，以及上下限之間的差值情況

缺點：只能展示時間段內的極值，不能代表時間段內的眾數

使用情形：如一周內的最高溫與最低溫變化情況等

21. 瀑布圖

瀑布圖用第一個柱子代表初始值，隨橫軸變量情況，在前者的數據基礎上展示下一數據的波動值，并往往在最后的柱子上展示最終值。

優點：重在強調變化量，對于變化量的展示更直觀

缺點：變化量小時會導致矩形過短不宜讀

使用情形： 需要反映某一數據經過一系列增減變化后的情況時，如：產品庫存變化情況、營業過程中的收支情況等

22. 堆疊面積圖

堆疊面積圖是具有總分結構的面積圖，相比普通面積圖可以直觀地查看對象的組成結構，同時能夠對其各組成的數據進行比較。

優點：直觀易懂，能及時感知趨勢、總量、組成量的情況

缺點：只能展示一個數據對象

使用情形：需要獲取時間線下數據的波動趨勢和總量、組成量情況時，如一年中產品的銷量余量變化情況等

「類型占比」

23. 餅狀圖

餅狀圖使用扇形組成的圓反映某個部分占整體比例的情況，由于視覺重心是扇形的面積，更適合研究結構性占比。

優點：直觀展示每個組成部分在整體中的占比

缺點：組成結構過多會使其花哨難讀

使用情形：需要獲取某一對象的組成占比情況，如：總收入中各項收入的占比等

24. 環形圖

環形圖是空心的餅狀圖，扇形改為圓弧來反映某個部分占整體比例的情況。視覺中心由原來的扇形面積轉變為圓弧的長度，更適合研究組成結構的占比比較。且鏤空的部分可以騰出空間容納更多信息。

優點：直觀展示每個組成部分在整體中的占比、空心部分可容納更多信息

缺點：組成結構過多會使其花哨難讀

使用情形：需要獲取某一對象的組成占比情況并需要展示更多相關信息時，如：總收入中各項收入的占比以及總收入值等

25. 水波圖

水波圖使用球體內填充水的表現形式來展示某一對象的百分比情況。

優點：美觀直觀

缺點：由于球形結構的特征，水位高度和所占球體的面積表達不成正比，可能對實際數據造成誤判

使用情形：需要美化且不追求嚴謹的占比信息時，如：任務進度、數據讀取進度等

26. 矩形樹圖

矩形樹圖是轉換成矩形的餅圖，通過各部分的矩形面積占比表達值的占比。

優點：直觀展示每個組成部分在整體中的占比，矩形的屏幕空間利用率更高

缺點：分類占比太小時會使文本難以排布

使用情形：需要獲取某一對象的組成占比情況，如：總收入中各項收入的占比等

27. 旭日圖

旭日圖是層疊過后的餅圖，反映整體與部分的各內容占比情況。

優點：直觀反映數據的結構層級及其占比

缺點：由于層級之間的半徑不同導致的圓環長度不同，容易對數據大小有錯誤認知，且不適合分類過多的情況，否則畫面復雜難讀

使用情形：需要進行分級展示的占比情況，如：子公司的各產品銷售情況等

「關系流向」

28. 弦圖

弦圖展示不同對象之間的數據關系，對象的總值以外圈的圓弧代替，數據值的關系以弧線的形狀或顏色進行表達。

優點：直觀美觀

缺點：對象不宜過多，否則雜亂難讀

使用情形：需要分析多個對象之間的數據流向時，如：不同國家之間的人口流動情況等

29. 韋恩圖

韋恩圖也叫文氏圖，主要展示不同對象之間的集合關系。

30. 桑基圖

桑基圖通過矩形代表對象的總值及其層級關系，并用帶有寬度的線條展示數據流向和分布。（注意前后總值保持守恒）

優點：直觀美觀

缺點：對象不宜過多，否則雜亂難懂

使用情形：需要分析數據流向分布時，如：不同人群的愛好分布、不同產品的銷售地區分布等

31. 甘特圖

甘特圖使用條形和時間標尺顯示多任務進度情況。

優點：直觀展示多項任務的進度情況

缺點：在實際使用中需時刻保持更新避免失效數據造成錯誤判斷

使用情形：需要統籌管理多項任務進度時，如：公司內各部門針對某一項目的進展情況等

32. 金字塔

金字塔通過堆疊的三角形展示不同對象之間的層級關系或占比。

優點：簡明美觀

缺點：只能展示單一層級關系，無法呈現多線關系

使用情形：需要展示對象層級關系或不同層級的數量占比時，如：各財富區間內的人數占比、公司內職級下的人數占比等

33. 漏斗圖

漏斗圖用自上而下的多層梯形展示各個環節的流量存余。一般可以從中得出不同環節的流失率或轉化率。

優點：直觀反映流程推進下的流量存留情況

缺點：只能用于單流程單向的情形

使用情形：需要展示單一流程節點下的數據存留，如：購買流程中的用戶存余等

34. 思維導圖

思維導圖通過線條將文本、圖片、鏈接等信息連接起來，幫助理清思路、增強記憶和加深理解。

35. 力導向圖

力導向圖通過線條將信息連接，用來展示信息之間的復雜關系。信息節點可以處在二維空間也可處在三維空間，只是視覺表達上的不同。信息節點之間存在斥力，同時有關系的節點之間存在引力，因此可以通過權重設置來展現親疏關系。一般用于展現關系網絡等。

36. 工藝流程圖

工藝流程圖往往利用圖像化的形式展現某項工藝的工藝流程。

37. 組織架構圖

組織架構圖將文本或圖像進行連接，一般展示某公司的組織架構或某平臺的數據架構等。

「頻率分布」

38. 詞云

詞云通過提取關鍵詞的方式，將大量與主題對象相關的文本呈現出來，并通過字體大小、字色顯眼程度、文本排布等，將相關性最高、頻率最高的關鍵詞凸顯出來。通常用于展現主題或內容時，將大量數據簡化，具有可靠而直觀的特點。

39. 熱力圖

熱力圖主要分為兩種，一種地理熱力圖，一種日歷熱力圖，都是通過顏色來表達某一指標的熱度頻率。通常以紅到藍代表熱度頻率由高到低。

40. 散點圖

散點圖將多個數據點分布在坐標網格中，通過其散點的排布情況可以得出整體的變化趨勢及頻率分布情況。

優點：多個數據點可以使數據分析更加可靠可信

缺點：只是展示 xy 軸的相關性，不能得出因果聯系

使用情形：對原始數據需要進行整理分析其變化趨勢或頻率分布情況時，如：不同售出量的產品規格等

41. 四象限圖

四象限圖也叫波士頓矩陣圖，將數據用散點圖的模式排布，用定制好的標準作為坐標原點，使得坐標軸分割后的每組象限具有不同的含義。通過數據點的散布情況對數據進行分析，同時便于為下一步行動做出指示。

優點：簡明直觀

缺點：需要認識到劃分的指標原點是否合理、考慮到現實的多種影響，根據四象限圖得出的分析是否能夠直接用來作為行動指示

使用情形：需要分析數據的類型情況，如：時間管理、能力意愿、市場銷售等

42. 氣泡圖

氣泡圖是在散點圖的二維基礎上增添了三維（氣泡大小）系數，相比氣泡圖多了一個變量。

優點：可以展示三個維度下的數據分布情況

缺點：數據不宜過多，否則氣泡太多使得圖表花哨難讀

使用情形：需要在三個維度上對數據進行分析時，如：衣服銷量與月份、氣溫的關系等

43. 直方圖

直方圖與柱狀圖外觀很像，區別在于直方圖用于展示頻數分布情況，且橫坐標必須是具有連續性質的參數，因而在外觀上，直方圖柱子無間隔。

優點：便于展示大量數據集的統計結果

缺點：僅適用于連續的數據、樣本量不能太少（一般需要大于 50 個）、分段區間的細密程度（間隔數）對分布情況會存在誤差

使用情形：需要得到頻率分布情況或判斷生產質量是否穩定時，如：一批產品的總體質量分布情況等

44. 核密度圖

核密度圖可以看作經過平滑處理的直方圖，對數據分布進行了一個估計概括。

優點：直觀、可以對離散點進行推算

缺點：計算復雜度高、帶寬參數選擇困難、對邊界附近的估計不準確

使用情形：需要得到數據分布特征時，如南北地區的身高分布特征等

45. 箱線圖

箱線圖是將多個數據分布用矩形（箱體）和線條（上下須）進行表達的圖表，可以看作多組直方圖的變形，每一個箱線就是一組數據分布，四分位數的第一分位是上須，第二分位是箱體中位數線的上部分，第三分位是箱體中位數線的下部分，第四分位是下須，箱線外的點代表離群點。

優點：直觀展示多組數據的分布情況，主要展示最值、四分位數、數據走勢

缺點：只對連續性變量做分布

使用情形：需了解多組數據的分布情況時，如：多種型號的產品質量分布等

46. 小提琴圖

小提琴圖可以看作箱線圖與核密度圖的結合，相比箱線圖可以更直觀展示數據的整體分布，保證呈現出的數據分布情況更加準確，在數據具有多個峰值時也能展示出來。

優點：美觀、能夠直觀展示多組數據整體分布情況，包括峰度、偏度等

缺點：計算復雜度高、帶寬參數選擇困難、對邊界附近的估計不準確、只對連續性變量做分布

使用情形：需了解多組數據的詳細分布情況時，如：多種型號的產品質量分布等

47. 三維曲面圖

三維曲面圖和氣泡圖一樣都是在三個參數維度展現數據分布情況，但在展現方式上為三維的曲面形式，要求三個維度都具有連續性，一般用于尋找兩組變量下的最佳組合。

優點：美觀、三維展示響應變量分布情況

缺點：要求三個維度都具有連續性

使用情形：需尋找兩組變量下的最佳組合，如：不同地理維度、不同月份下的宜人溫度等

而當我們根據視覺導向進行分類時，可以將上述圖表分為：

圓形因其圓潤的形狀和曲線，更容易豐富和美化頁面。

矩形因貼合屏幕的四方形狀，更有利于容納更多的信息，提高屏幕空間利用率。同時多個圖表的情況下，在視覺上更顯得整齊。

線性的圖表通常展現多條流線或分支線，在數據少的情況下更容易產生大量留白。若合理利用這個留白特征可以使可視化頁面具有呼吸感，不至于畫面沉悶擁堵。

除圓形、矩形、線性外，還有一些其他視覺特性的圖表，如規則的三角形金字塔，但還有一些不規則的圖表，這些圖表容易因為數據的不同而在視覺表現上有很大變化，在使用這些不規則圖表時需要根據實際情況提前規劃好布局和空間，以免數據波動時影響畫面的平衡和美感。

三、可視化圖表是如何傳達信息的

通過底層邏輯創作更多個性化圖表

通過對上述圖表進行歸納總結，我們可以整理得到圖表在傳達不同信息時的使用的圖形特征，這里用表格進行了歸納總結。

對象的區分：不同圖形、不同顏色、不同文本、不同圖像

對象周期性：圓、環

對象層級性：圖形、顏色的堆疊

對象階段性：圖塊的上下/左右

對象相關性：連線、圖中位置（位于空間軸或平面軸）

值的大小：面積填充、線條長短、點的位置、顏色順序

值的對比：需要彼此相鄰

值的變化：面積大小變化、線條長短/方向變化、位置變化、顏色變化

由此我們可以根據需求自由組合，定制更符合需求、更美觀的專屬圖表。

比如上圖為網易數讀《火鍋界的瑞幸，卷死海底撈》中使用的圖表，從本質上是蝴蝶圖，但摒棄了以往枯燥的條形圖形象，轉變成環形圖的樣式，使之擁有了環形的外觀美感，又兼具蝴蝶圖的數據對比功能。

再比如網易數讀《月薪 2 萬，吃不起面包》，通過將條形圖和象形圖結合，使得圖表立時變得生動有趣，也是非常成功的例子。