引言:
本文將帶領(lǐng)大家更系統(tǒng)全面地認(rèn)識(shí)可視化圖表,同時(shí)通過分析可視化圖表的底層邏輯,幫助大家擴(kuò)展思維去創(chuàng)作更具個(gè)性化的圖表。
可視化圖表的定義、使用領(lǐng)域
「定義」可視化圖表是實(shí)現(xiàn)數(shù)據(jù)可視化的工具,本質(zhì)是通過圖形作為載體,將抽象的數(shù)據(jù)轉(zhuǎn)化成視覺上具象的圖表以傳達(dá)信息,具有美觀、直觀的特點(diǎn)。
「使用領(lǐng)域」所有與數(shù)據(jù)管理相關(guān)的行業(yè)都需要用到可視化圖表。它可以為數(shù)據(jù)分析提供幫助,輔助管理者獲取執(zhí)行方向、做出決策,同時(shí)也能為管理者預(yù)估未來發(fā)展情況。
用途分類、視覺表現(xiàn)分類,通過合理分類挑選合適的圖表
有些人可能覺得為什么要了解分類呢?我一張表格吃遍天不行嗎?大不了換成條形圖、餅狀圖隨便往上套。只是為了減少設(shè)計(jì)工作量確實(shí)可以,但從圖表使用者的角度來說,這樣的圖表價(jià)值很低,甚至一文不值。
因?yàn)橐话銇碚f不同圖表傳達(dá)的信息重點(diǎn)不同,信息量也不同。當(dāng)我們實(shí)際需求沒那么多,又或者我們需要關(guān)注的重點(diǎn)信息只有那么一兩個(gè),那么圖表中多出的信息就會(huì)造成視覺冗余,導(dǎo)致視覺噪音大,難以抓住重點(diǎn)。當(dāng)我們實(shí)際需求一張圖就能解決,卻用了多個(gè)圖表去完成,那么又會(huì)導(dǎo)致不必要的屏幕空間占用。
根據(jù)不同的使用情形,我們可以從視覺導(dǎo)向和需求導(dǎo)向兩個(gè)方面進(jìn)行分類。
根據(jù)需求導(dǎo)向可以分為:數(shù)據(jù)展示、同類對(duì)比、趨勢(shì)走向、類型占比、關(guān)系流向、頻率分布六大類。根據(jù)視覺導(dǎo)向可以分為:圓形、矩形、線形、其他四大類。
可視化圖表根本目的是實(shí)現(xiàn)傳達(dá)信息的需求,在多個(gè)圖表都可以實(shí)現(xiàn)需求時(shí),可以在視覺角度上進(jìn)行二次篩選。
現(xiàn)在我們按照需求類型對(duì)可視化圖表進(jìn)行分析:
「數(shù)據(jù)展示」
1. 表格
表格作為可視化圖表的基礎(chǔ),可以事無巨細(xì)地展示多組數(shù)據(jù),提供最原始純粹的數(shù)據(jù),這既是它的優(yōu)點(diǎn)也是缺點(diǎn)。如果追求數(shù)據(jù)的原始純粹,那么表格是不二之選,如果目的是分析數(shù)據(jù)特征,圖表就是最差的選擇。
優(yōu)點(diǎn):數(shù)據(jù)原始純粹
缺點(diǎn):不能直觀體現(xiàn)數(shù)據(jù)特征
使用情形:需要獲取原始詳細(xì)的數(shù)據(jù)信息時(shí),如:采購清單、商品信息表、人員信息表等
2. 日歷
日歷展示日期,多為表格形式呈現(xiàn),一般用于選取時(shí)間的交互。
3. 鐘表圖
鐘表圖用帶刻度的圓展示具有周期特性的時(shí)間。目前時(shí)間往往直接用數(shù)字文本表達(dá)更加便捷清晰,而鐘表圖的使用主要是為了實(shí)現(xiàn)美觀的界面表現(xiàn)。
4. 莖葉圖
莖葉圖將數(shù)據(jù)歸納到各自所在的區(qū)間內(nèi),保留原始數(shù)據(jù)的同時(shí),可以觀察數(shù)據(jù)的分布情況。既可以展示某一組別下的數(shù)據(jù),也可以對(duì)兩組數(shù)據(jù)同時(shí)進(jìn)行展示與對(duì)比。
優(yōu)點(diǎn):數(shù)據(jù)原始純粹、便于觀察數(shù)據(jù)分布情況
缺點(diǎn):頁面占用的情況被數(shù)據(jù)量影響,導(dǎo)致畫面占用情況不可測,難以預(yù)留空間
使用情形:記錄適量的數(shù)據(jù)并得到直觀的數(shù)據(jù)分布情況,比如錄入學(xué)生成績等
5. 象形圖
象形圖將數(shù)據(jù)的指代對(duì)象圖形化,直觀展示當(dāng)前數(shù)據(jù)所指的對(duì)象,可以展示值也可以展示狀態(tài)。
優(yōu)點(diǎn):美觀
缺點(diǎn):指代對(duì)象可能會(huì)有歧義
使用情形:強(qiáng)調(diào)主題、美化頁面等
6. 儀表盤
儀表盤用帶刻度的表盤和指針展示具有上下限的對(duì)象在某一時(shí)刻的指標(biāo)數(shù)據(jù)狀態(tài)。
優(yōu)點(diǎn):直觀展示數(shù)據(jù)指標(biāo)狀態(tài),同時(shí)可以觀察數(shù)據(jù)波動(dòng)情況
缺點(diǎn):只能展示短期內(nèi)的數(shù)據(jù)波動(dòng),不能完整地展示長期數(shù)據(jù)波動(dòng)
使用情形:觀察某一指標(biāo)下短時(shí)間內(nèi)的數(shù)據(jù)波動(dòng)和狀態(tài),如:網(wǎng)速、車速等
7. 子彈圖
子彈圖對(duì)數(shù)據(jù)進(jìn)行刻度劃分,并用矩形條長度指代值的大小,在此基礎(chǔ)上展示數(shù)值階段。
優(yōu)點(diǎn):直觀展示數(shù)據(jù)指標(biāo)狀態(tài)
缺點(diǎn):只能展示某一時(shí)刻或某一時(shí)段內(nèi)的整體指標(biāo)數(shù)據(jù)狀態(tài)
使用情形:觀察某一指標(biāo)下的整體指標(biāo)數(shù)據(jù)狀態(tài),如:污染度、濕度等
8. 雷達(dá)圖
雷達(dá)圖可以看成極坐標(biāo)化的多個(gè)子彈圖組合,數(shù)據(jù)點(diǎn)連接成閉合的圈,用圈的面積指代整體值的大小,用數(shù)據(jù)點(diǎn)距離中心點(diǎn)的距離指代對(duì)應(yīng)指標(biāo)值的大小。
優(yōu)點(diǎn):多個(gè)指標(biāo)同時(shí)展示,屏幕空間利用率提高
缺點(diǎn):指標(biāo)不宜過多,否則雜亂難讀
使用情形:查看某一對(duì)象的多個(gè)指標(biāo)評(píng)分情況,如:一家公司的各部門能力情況、一個(gè)學(xué)生各學(xué)科評(píng)分等
「同類對(duì)比」
9. 條形圖
條形圖可以展示多個(gè)對(duì)象就某一指標(biāo)下的數(shù)據(jù)情況,利用橫向的長條矩形長度指代數(shù)據(jù)值,通過長度對(duì)比,得到數(shù)據(jù)大小的對(duì)比。
優(yōu)點(diǎn):除了對(duì)比,經(jīng)過排序后還可展示縱向的數(shù)據(jù)排名
缺點(diǎn):當(dāng)數(shù)據(jù)之間數(shù)值差距過小就難以進(jìn)行對(duì)比
使用情形:多個(gè)獨(dú)立的對(duì)象在某個(gè)指標(biāo)下進(jìn)行對(duì)比時(shí),如:各類產(chǎn)品的銷售情況、各地區(qū)的售賣情況等
10. 柱狀圖
柱狀圖與條形圖基本一樣,都是展示多個(gè)對(duì)象就某一指標(biāo)下的數(shù)據(jù)情況,并利用矩形長度進(jìn)行數(shù)據(jù)對(duì)比,區(qū)別只是柱狀圖的矩形是豎著的,條形圖是橫著的。這便導(dǎo)致柱狀圖相比條形圖具有了趨勢(shì)變化的觀感。
優(yōu)點(diǎn):除了對(duì)比,還可以展示橫向的數(shù)據(jù)變化
缺點(diǎn):當(dāng)數(shù)據(jù)之間數(shù)值差距過小就難以進(jìn)行對(duì)比,當(dāng)橫坐標(biāo)指代對(duì)象為獨(dú)立無聯(lián)系的個(gè)體時(shí),容易造成趨勢(shì)印象
使用情形:多個(gè)具有聯(lián)系的對(duì)象在某一指標(biāo)下進(jìn)行對(duì)比時(shí),如:某一產(chǎn)品各月銷售情況、某一產(chǎn)品在各地區(qū)(銷售地與產(chǎn)地間的距離在進(jìn)行排序后)的銷售情況等
11. 玫瑰圖
玫瑰圖又稱雞冠花圖,是極坐標(biāo)化的條形圖,每個(gè)扇形角度都是相等的,通過半徑不同的扇形面積來表示數(shù)據(jù)大小,用以進(jìn)行數(shù)據(jù)對(duì)比。由于其具有圓周的形式,適合用來對(duì)具有周期屬性的數(shù)據(jù)對(duì)象作對(duì)比。
優(yōu)點(diǎn):美觀、對(duì)象具有周期屬性時(shí)可展示周期規(guī)律
缺點(diǎn):因?yàn)榘霃胶兔娣e是平方關(guān)系,因而會(huì)將數(shù)據(jù)的比例夸大,不適用于數(shù)據(jù)差異過大的數(shù)據(jù),且數(shù)據(jù)對(duì)象過多會(huì)導(dǎo)致分辨不清
使用情形:數(shù)值之間差距較小時(shí)對(duì)數(shù)據(jù)進(jìn)行對(duì)比、周期型的數(shù)據(jù)對(duì)比,如:具有同一屬性(表現(xiàn)相近)的不同產(chǎn)品之間進(jìn)行對(duì)比、一周內(nèi)的數(shù)據(jù)對(duì)比等
12. 蝴蝶圖
蝴蝶圖又稱旋風(fēng)圖,是兩組共享同一縱坐標(biāo)的條形圖,相比普通條形圖更能直觀反映兩組數(shù)據(jù)之間的比較。
優(yōu)點(diǎn):簡潔直觀
缺點(diǎn):當(dāng)數(shù)據(jù)之間數(shù)值差距過小就難以進(jìn)行對(duì)比,不適合兩組以上的數(shù)據(jù)比較
使用情形:對(duì)兩組對(duì)象就其子對(duì)象的數(shù)據(jù)指標(biāo)進(jìn)行比較,如:對(duì)兩組方案在各節(jié)點(diǎn)的銷售情況進(jìn)行比較、男女性別在不同年齡段的人口比較等
13. 堆疊條形圖
堆疊條形圖是具有總分結(jié)構(gòu)的條形圖,相比普通條形圖可以直觀地查看對(duì)象的組成結(jié)構(gòu),同時(shí)能夠?qū)ζ涓鹘M成的數(shù)據(jù)進(jìn)行比較。
優(yōu)點(diǎn):具有總分結(jié)構(gòu)、除了對(duì)比,經(jīng)過排序后還可展示縱向的數(shù)據(jù)排名
缺點(diǎn):堆疊類型過多會(huì)導(dǎo)致眼花繚亂,當(dāng)數(shù)據(jù)之間數(shù)值差距過小就難以進(jìn)行對(duì)比
使用情形:需要進(jìn)行解構(gòu)的數(shù)據(jù)比較,如:總量下的庫存量+銷量+損耗量對(duì)比、產(chǎn)品總銷量下的各型號(hào)銷量對(duì)比等
14. 堆疊柱狀圖
堆疊柱狀圖是具有總分結(jié)構(gòu)的柱狀圖,相比普通柱狀圖可以直觀地查看對(duì)象的組成結(jié)構(gòu),同時(shí)能夠?qū)ζ涓鹘M成的數(shù)據(jù)進(jìn)行比較。由于其柱體豎著排布,導(dǎo)致具有趨勢(shì)變化的觀感。
優(yōu)點(diǎn):具有總分結(jié)構(gòu)、除了對(duì)比,還可以展示橫向的數(shù)據(jù)變化
缺點(diǎn):堆疊類型過多會(huì)導(dǎo)致眼花繚亂,當(dāng)數(shù)據(jù)之間數(shù)值差距過小就難以進(jìn)行對(duì)比,當(dāng)橫坐標(biāo)指代對(duì)象為獨(dú)立無聯(lián)系的個(gè)體時(shí),容易造成趨勢(shì)印象
使用情形:需要進(jìn)行解構(gòu)的數(shù)據(jù)比較,如:某一產(chǎn)品總量下的各月庫存量+銷量+損耗量對(duì)比、某一產(chǎn)品下各類型號(hào)在各地區(qū)(銷售地與產(chǎn)地間的距離在進(jìn)行排序后)的銷售情況等
15. 堆疊玫瑰圖
堆疊玫瑰圖是極坐標(biāo)化的堆疊條形圖,含總分結(jié)構(gòu)。每個(gè)扇形角度都是相等的,通過半徑不同的扇形面積來表示數(shù)據(jù)大小,用以進(jìn)行數(shù)據(jù)對(duì)比。由于其具有圓周的形式,適合用來對(duì)具有周期屬性的數(shù)據(jù)對(duì)象做總分對(duì)比。
優(yōu)點(diǎn):美觀、對(duì)象具有周期屬性時(shí)可展示周期規(guī)律、具有總分結(jié)構(gòu)
缺點(diǎn):因?yàn)榘霃胶兔娣e是平方關(guān)系,因而會(huì)將數(shù)據(jù)的比例夸大,不適用于數(shù)據(jù)差異過大的數(shù)據(jù),且數(shù)據(jù)對(duì)象過多會(huì)導(dǎo)致分辨不清
使用情形:需要進(jìn)行解構(gòu)的數(shù)據(jù)比較,數(shù)值之間差距較小時(shí)對(duì)數(shù)據(jù)進(jìn)行對(duì)比、周期型的數(shù)據(jù)對(duì)比,如:具有同一屬性(表現(xiàn)相近)的不同產(chǎn)品下的各型號(hào)之間進(jìn)行對(duì)比、一周內(nèi)的各型號(hào)數(shù)據(jù)對(duì)比等
「趨勢(shì)走向」
16. 折線圖
折線圖將數(shù)據(jù)點(diǎn)連接成線,可以顯示隨時(shí)間變化的連續(xù)數(shù)據(jù),適合展示相等時(shí)間間隔下的數(shù)據(jù)波動(dòng)趨勢(shì)。
優(yōu)點(diǎn):直觀易懂,能及時(shí)感知趨勢(shì)
缺點(diǎn):展示的數(shù)據(jù)對(duì)象不宜過多,否則多條折線會(huì)使得信息雜亂難讀
使用情形:需要獲取時(shí)間線下數(shù)據(jù)的波動(dòng)趨勢(shì)時(shí),如一年中產(chǎn)品的銷量變化等
17. 路徑圖
路徑圖在地理位置上展示地理對(duì)象之間的路線情況。
優(yōu)點(diǎn):簡明直觀
缺點(diǎn):由于現(xiàn)實(shí)地理的變化,需要保持更新
使用情形:需要指示兩地或多地之間的路線時(shí),如:地圖導(dǎo)航等
18. 風(fēng)場圖
風(fēng)場圖主要用于展示氣象數(shù)據(jù)中的風(fēng)向及風(fēng)速等信息,幫助與氣象相關(guān)的行業(yè)工作者獲取風(fēng)場信息。
19. 折線面積圖
折線面積圖在折線圖的基礎(chǔ)上增加了面塊。可以顯示隨時(shí)間變化的連續(xù)數(shù)據(jù),適合展示相等時(shí)間間隔下的數(shù)據(jù)波動(dòng)趨勢(shì),且用面塊進(jìn)行量的表達(dá)。
優(yōu)點(diǎn):直觀易懂,能即時(shí)感知趨勢(shì)和總量情況
缺點(diǎn):展示的數(shù)據(jù)對(duì)象不宜過多,否則多個(gè)面塊會(huì)使得信息雜亂難讀
使用情形:需要獲取時(shí)間線下數(shù)據(jù)的波動(dòng)趨勢(shì)和總量情況時(shí),如一年中產(chǎn)品的銷量變化和總銷量情況等
20. 范圍面積圖
范圍面積圖是由兩條展示上下限的折線面積圖組成,可以顯示隨時(shí)間變化的連續(xù)數(shù)據(jù)的上下限波動(dòng)情況。
優(yōu)點(diǎn):能及時(shí)感知上下限的變化趨勢(shì),以及上下限之間的差值情況
缺點(diǎn):只能展示時(shí)間段內(nèi)的極值,不能代表時(shí)間段內(nèi)的眾數(shù)
使用情形:如一周內(nèi)的最高溫與最低溫變化情況等
21. 瀑布圖
瀑布圖用第一個(gè)柱子代表初始值,隨橫軸變量情況,在前者的數(shù)據(jù)基礎(chǔ)上展示下一數(shù)據(jù)的波動(dòng)值,并往往在最后的柱子上展示最終值。
優(yōu)點(diǎn):重在強(qiáng)調(diào)變化量,對(duì)于變化量的展示更直觀
缺點(diǎn):變化量小時(shí)會(huì)導(dǎo)致矩形過短不宜讀
使用情形: 需要反映某一數(shù)據(jù)經(jīng)過一系列增減變化后的情況時(shí),如:產(chǎn)品庫存變化情況、營業(yè)過程中的收支情況等
22. 堆疊面積圖
堆疊面積圖是具有總分結(jié)構(gòu)的面積圖,相比普通面積圖可以直觀地查看對(duì)象的組成結(jié)構(gòu),同時(shí)能夠?qū)ζ涓鹘M成的數(shù)據(jù)進(jìn)行比較。
優(yōu)點(diǎn):直觀易懂,能及時(shí)感知趨勢(shì)、總量、組成量的情況
缺點(diǎn):只能展示一個(gè)數(shù)據(jù)對(duì)象
使用情形:需要獲取時(shí)間線下數(shù)據(jù)的波動(dòng)趨勢(shì)和總量、組成量情況時(shí),如一年中產(chǎn)品的銷量余量變化情況等
「類型占比」
23. 餅狀圖
餅狀圖使用扇形組成的圓反映某個(gè)部分占整體比例的情況,由于視覺重心是扇形的面積,更適合研究結(jié)構(gòu)性占比。
優(yōu)點(diǎn):直觀展示每個(gè)組成部分在整體中的占比
缺點(diǎn):組成結(jié)構(gòu)過多會(huì)使其花哨難讀
使用情形:需要獲取某一對(duì)象的組成占比情況,如:總收入中各項(xiàng)收入的占比等
24. 環(huán)形圖
環(huán)形圖是空心的餅狀圖,扇形改為圓弧來反映某個(gè)部分占整體比例的情況。視覺中心由原來的扇形面積轉(zhuǎn)變?yōu)閳A弧的長度,更適合研究組成結(jié)構(gòu)的占比比較。且鏤空的部分可以騰出空間容納更多信息。
優(yōu)點(diǎn):直觀展示每個(gè)組成部分在整體中的占比、空心部分可容納更多信息
缺點(diǎn):組成結(jié)構(gòu)過多會(huì)使其花哨難讀
使用情形:需要獲取某一對(duì)象的組成占比情況并需要展示更多相關(guān)信息時(shí),如:總收入中各項(xiàng)收入的占比以及總收入值等
25. 水波圖
水波圖使用球體內(nèi)填充水的表現(xiàn)形式來展示某一對(duì)象的百分比情況。
優(yōu)點(diǎn):美觀直觀
缺點(diǎn):由于球形結(jié)構(gòu)的特征,水位高度和所占球體的面積表達(dá)不成正比,可能對(duì)實(shí)際數(shù)據(jù)造成誤判
使用情形:需要美化且不追求嚴(yán)謹(jǐn)?shù)恼急刃畔r(shí),如:任務(wù)進(jìn)度、數(shù)據(jù)讀取進(jìn)度等
26. 矩形樹圖
矩形樹圖是轉(zhuǎn)換成矩形的餅圖,通過各部分的矩形面積占比表達(dá)值的占比。
優(yōu)點(diǎn):直觀展示每個(gè)組成部分在整體中的占比,矩形的屏幕空間利用率更高
缺點(diǎn):分類占比太小時(shí)會(huì)使文本難以排布
使用情形:需要獲取某一對(duì)象的組成占比情況,如:總收入中各項(xiàng)收入的占比等
27. 旭日?qǐng)D
旭日?qǐng)D是層疊過后的餅圖,反映整體與部分的各內(nèi)容占比情況。
優(yōu)點(diǎn):直觀反映數(shù)據(jù)的結(jié)構(gòu)層級(jí)及其占比
缺點(diǎn):由于層級(jí)之間的半徑不同導(dǎo)致的圓環(huán)長度不同,容易對(duì)數(shù)據(jù)大小有錯(cuò)誤認(rèn)知,且不適合分類過多的情況,否則畫面復(fù)雜難讀
使用情形:需要進(jìn)行分級(jí)展示的占比情況,如:子公司的各產(chǎn)品銷售情況等
「關(guān)系流向」
28. 弦圖
弦圖展示不同對(duì)象之間的數(shù)據(jù)關(guān)系,對(duì)象的總值以外圈的圓弧代替,數(shù)據(jù)值的關(guān)系以弧線的形狀或顏色進(jìn)行表達(dá)。
優(yōu)點(diǎn):直觀美觀
缺點(diǎn):對(duì)象不宜過多,否則雜亂難讀
使用情形:需要分析多個(gè)對(duì)象之間的數(shù)據(jù)流向時(shí),如:不同國家之間的人口流動(dòng)情況等
29. 韋恩圖
韋恩圖也叫文氏圖,主要展示不同對(duì)象之間的集合關(guān)系。
30. 桑基圖
桑基圖通過矩形代表對(duì)象的總值及其層級(jí)關(guān)系,并用帶有寬度的線條展示數(shù)據(jù)流向和分布。(注意前后總值保持守恒)
優(yōu)點(diǎn):直觀美觀
缺點(diǎn):對(duì)象不宜過多,否則雜亂難懂
使用情形:需要分析數(shù)據(jù)流向分布時(shí),如:不同人群的愛好分布、不同產(chǎn)品的銷售地區(qū)分布等
31. 甘特圖
甘特圖使用條形和時(shí)間標(biāo)尺顯示多任務(wù)進(jìn)度情況。
優(yōu)點(diǎn):直觀展示多項(xiàng)任務(wù)的進(jìn)度情況
缺點(diǎn):在實(shí)際使用中需時(shí)刻保持更新避免失效數(shù)據(jù)造成錯(cuò)誤判斷
使用情形:需要統(tǒng)籌管理多項(xiàng)任務(wù)進(jìn)度時(shí),如:公司內(nèi)各部門針對(duì)某一項(xiàng)目的進(jìn)展情況等
32. 金字塔
金字塔通過堆疊的三角形展示不同對(duì)象之間的層級(jí)關(guān)系或占比。
優(yōu)點(diǎn):簡明美觀
缺點(diǎn):只能展示單一層級(jí)關(guān)系,無法呈現(xiàn)多線關(guān)系
使用情形:需要展示對(duì)象層級(jí)關(guān)系或不同層級(jí)的數(shù)量占比時(shí),如:各財(cái)富區(qū)間內(nèi)的人數(shù)占比、公司內(nèi)職級(jí)下的人數(shù)占比等
33. 漏斗圖
漏斗圖用自上而下的多層梯形展示各個(gè)環(huán)節(jié)的流量存余。一般可以從中得出不同環(huán)節(jié)的流失率或轉(zhuǎn)化率。
優(yōu)點(diǎn):直觀反映流程推進(jìn)下的流量存留情況
缺點(diǎn):只能用于單流程單向的情形
使用情形:需要展示單一流程節(jié)點(diǎn)下的數(shù)據(jù)存留,如:購買流程中的用戶存余等
34. 思維導(dǎo)圖
思維導(dǎo)圖通過線條將文本、圖片、鏈接等信息連接起來,幫助理清思路、增強(qiáng)記憶和加深理解。
35. 力導(dǎo)向圖
力導(dǎo)向圖通過線條將信息連接,用來展示信息之間的復(fù)雜關(guān)系。信息節(jié)點(diǎn)可以處在二維空間也可處在三維空間,只是視覺表達(dá)上的不同。信息節(jié)點(diǎn)之間存在斥力,同時(shí)有關(guān)系的節(jié)點(diǎn)之間存在引力,因此可以通過權(quán)重設(shè)置來展現(xiàn)親疏關(guān)系。一般用于展現(xiàn)關(guān)系網(wǎng)絡(luò)等。
36. 工藝流程圖
工藝流程圖往往利用圖像化的形式展現(xiàn)某項(xiàng)工藝的工藝流程。
37. 組織架構(gòu)圖
組織架構(gòu)圖將文本或圖像進(jìn)行連接,一般展示某公司的組織架構(gòu)或某平臺(tái)的數(shù)據(jù)架構(gòu)等。
「頻率分布」
38. 詞云
詞云通過提取關(guān)鍵詞的方式,將大量與主題對(duì)象相關(guān)的文本呈現(xiàn)出來,并通過字體大小、字色顯眼程度、文本排布等,將相關(guān)性最高、頻率最高的關(guān)鍵詞凸顯出來。通常用于展現(xiàn)主題或內(nèi)容時(shí),將大量數(shù)據(jù)簡化,具有可靠而直觀的特點(diǎn)。
39. 熱力圖
熱力圖主要分為兩種,一種地理熱力圖,一種日歷熱力圖,都是通過顏色來表達(dá)某一指標(biāo)的熱度頻率。通常以紅到藍(lán)代表熱度頻率由高到低。
40. 散點(diǎn)圖
散點(diǎn)圖將多個(gè)數(shù)據(jù)點(diǎn)分布在坐標(biāo)網(wǎng)格中,通過其散點(diǎn)的排布情況可以得出整體的變化趨勢(shì)及頻率分布情況。
優(yōu)點(diǎn):多個(gè)數(shù)據(jù)點(diǎn)可以使數(shù)據(jù)分析更加可靠可信
缺點(diǎn):只是展示 xy 軸的相關(guān)性,不能得出因果聯(lián)系
使用情形:對(duì)原始數(shù)據(jù)需要進(jìn)行整理分析其變化趨勢(shì)或頻率分布情況時(shí),如:不同售出量的產(chǎn)品規(guī)格等
41. 四象限圖
四象限圖也叫波士頓矩陣圖,將數(shù)據(jù)用散點(diǎn)圖的模式排布,用定制好的標(biāo)準(zhǔn)作為坐標(biāo)原點(diǎn),使得坐標(biāo)軸分割后的每組象限具有不同的含義。通過數(shù)據(jù)點(diǎn)的散布情況對(duì)數(shù)據(jù)進(jìn)行分析,同時(shí)便于為下一步行動(dòng)做出指示。
優(yōu)點(diǎn):簡明直觀
缺點(diǎn):需要認(rèn)識(shí)到劃分的指標(biāo)原點(diǎn)是否合理、考慮到現(xiàn)實(shí)的多種影響,根據(jù)四象限圖得出的分析是否能夠直接用來作為行動(dòng)指示
使用情形:需要分析數(shù)據(jù)的類型情況,如:時(shí)間管理、能力意愿、市場銷售等
42. 氣泡圖
氣泡圖是在散點(diǎn)圖的二維基礎(chǔ)上增添了三維(氣泡大小)系數(shù),相比氣泡圖多了一個(gè)變量。
優(yōu)點(diǎn):可以展示三個(gè)維度下的數(shù)據(jù)分布情況
缺點(diǎn):數(shù)據(jù)不宜過多,否則氣泡太多使得圖表花哨難讀
使用情形:需要在三個(gè)維度上對(duì)數(shù)據(jù)進(jìn)行分析時(shí),如:衣服銷量與月份、氣溫的關(guān)系等
43. 直方圖
直方圖與柱狀圖外觀很像,區(qū)別在于直方圖用于展示頻數(shù)分布情況,且橫坐標(biāo)必須是具有連續(xù)性質(zhì)的參數(shù),因而在外觀上,直方圖柱子無間隔。
優(yōu)點(diǎn):便于展示大量數(shù)據(jù)集的統(tǒng)計(jì)結(jié)果
缺點(diǎn):僅適用于連續(xù)的數(shù)據(jù)、樣本量不能太少(一般需要大于 50 個(gè))、分段區(qū)間的細(xì)密程度(間隔數(shù))對(duì)分布情況會(huì)存在誤差
使用情形:需要得到頻率分布情況或判斷生產(chǎn)質(zhì)量是否穩(wěn)定時(shí),如:一批產(chǎn)品的總體質(zhì)量分布情況等
44. 核密度圖
核密度圖可以看作經(jīng)過平滑處理的直方圖,對(duì)數(shù)據(jù)分布進(jìn)行了一個(gè)估計(jì)概括。
優(yōu)點(diǎn):直觀、可以對(duì)離散點(diǎn)進(jìn)行推算
缺點(diǎn):計(jì)算復(fù)雜度高、帶寬參數(shù)選擇困難、對(duì)邊界附近的估計(jì)不準(zhǔn)確
使用情形:需要得到數(shù)據(jù)分布特征時(shí),如南北地區(qū)的身高分布特征等
45. 箱線圖
箱線圖是將多個(gè)數(shù)據(jù)分布用矩形(箱體)和線條(上下須)進(jìn)行表達(dá)的圖表,可以看作多組直方圖的變形,每一個(gè)箱線就是一組數(shù)據(jù)分布,四分位數(shù)的第一分位是上須,第二分位是箱體中位數(shù)線的上部分,第三分位是箱體中位數(shù)線的下部分,第四分位是下須,箱線外的點(diǎn)代表離群點(diǎn)。
優(yōu)點(diǎn):直觀展示多組數(shù)據(jù)的分布情況,主要展示最值、四分位數(shù)、數(shù)據(jù)走勢(shì)
缺點(diǎn):只對(duì)連續(xù)性變量做分布
使用情形:需了解多組數(shù)據(jù)的分布情況時(shí),如:多種型號(hào)的產(chǎn)品質(zhì)量分布等
46. 小提琴圖
小提琴圖可以看作箱線圖與核密度圖的結(jié)合,相比箱線圖可以更直觀展示數(shù)據(jù)的整體分布,保證呈現(xiàn)出的數(shù)據(jù)分布情況更加準(zhǔn)確,在數(shù)據(jù)具有多個(gè)峰值時(shí)也能展示出來。
優(yōu)點(diǎn):美觀、能夠直觀展示多組數(shù)據(jù)整體分布情況,包括峰度、偏度等
缺點(diǎn):計(jì)算復(fù)雜度高、帶寬參數(shù)選擇困難、對(duì)邊界附近的估計(jì)不準(zhǔn)確、只對(duì)連續(xù)性變量做分布
使用情形:需了解多組數(shù)據(jù)的詳細(xì)分布情況時(shí),如:多種型號(hào)的產(chǎn)品質(zhì)量分布等
47. 三維曲面圖
三維曲面圖和氣泡圖一樣都是在三個(gè)參數(shù)維度展現(xiàn)數(shù)據(jù)分布情況,但在展現(xiàn)方式上為三維的曲面形式,要求三個(gè)維度都具有連續(xù)性,一般用于尋找兩組變量下的最佳組合。
優(yōu)點(diǎn):美觀、三維展示響應(yīng)變量分布情況
缺點(diǎn):要求三個(gè)維度都具有連續(xù)性
使用情形:需尋找兩組變量下的最佳組合,如:不同地理維度、不同月份下的宜人溫度等
而當(dāng)我們根據(jù)視覺導(dǎo)向進(jìn)行分類時(shí),可以將上述圖表分為:
圓形因其圓潤的形狀和曲線,更容易豐富和美化頁面。
矩形因貼合屏幕的四方形狀,更有利于容納更多的信息,提高屏幕空間利用率。同時(shí)多個(gè)圖表的情況下,在視覺上更顯得整齊。
線性的圖表通常展現(xiàn)多條流線或分支線,在數(shù)據(jù)少的情況下更容易產(chǎn)生大量留白。若合理利用這個(gè)留白特征可以使可視化頁面具有呼吸感,不至于畫面沉悶擁堵。
除圓形、矩形、線性外,還有一些其他視覺特性的圖表,如規(guī)則的三角形金字塔,但還有一些不規(guī)則的圖表,這些圖表容易因?yàn)閿?shù)據(jù)的不同而在視覺表現(xiàn)上有很大變化,在使用這些不規(guī)則圖表時(shí)需要根據(jù)實(shí)際情況提前規(guī)劃好布局和空間,以免數(shù)據(jù)波動(dòng)時(shí)影響畫面的平衡和美感。
通過底層邏輯創(chuàng)作更多個(gè)性化圖表
通過對(duì)上述圖表進(jìn)行歸納總結(jié),我們可以整理得到圖表在傳達(dá)不同信息時(shí)的使用的圖形特征,這里用表格進(jìn)行了歸納總結(jié)。
對(duì)象的區(qū)分:不同圖形、不同顏色、不同文本、不同圖像
對(duì)象周期性:圓、環(huán)
對(duì)象層級(jí)性:圖形、顏色的堆疊
對(duì)象階段性:圖塊的上下/左右
對(duì)象相關(guān)性:連線、圖中位置(位于空間軸或平面軸)
值的大小:面積填充、線條長短、點(diǎn)的位置、顏色順序
值的對(duì)比:需要彼此相鄰
值的變化:面積大小變化、線條長短/方向變化、位置變化、顏色變化
由此我們可以根據(jù)需求自由組合,定制更符合需求、更美觀的專屬圖表。
比如上圖為網(wǎng)易數(shù)讀《火鍋界的瑞幸,卷死海底撈》中使用的圖表,從本質(zhì)上是蝴蝶圖,但摒棄了以往枯燥的條形圖形象,轉(zhuǎn)變成環(huán)形圖的樣式,使之擁有了環(huán)形的外觀美感,又兼具蝴蝶圖的數(shù)據(jù)對(duì)比功能。
再比如網(wǎng)易數(shù)讀《月薪 2 萬,吃不起面包》,通過將條形圖和象形圖結(jié)合,使得圖表立時(shí)變得生動(dòng)有趣,也是非常成功的例子。
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
標(biāo)志設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 729 位幸運(yùn)星
發(fā)表評(píng)論 為下方 6 條評(píng)論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓