參考?uxdesign Taras Bakusevych

數(shù)據(jù)可視化是數(shù)據(jù)展示的常見(jiàn)方式，所謂一圖抵千言，好的圖表能高效傳遞信息，讓觀眾一目了然，差的圖表往往會(huì)不知所云。

人類大腦的一半完全是用于處理可視化信息的。當(dāng)你給用戶展示一張信息圖的時(shí)候，你已經(jīng)以大腦的最大帶寬路徑在影響他了。

一張?jiān)O(shè)計(jì)優(yōu)良的數(shù)據(jù)可視化圖能即時(shí)給予觀者深刻的印象，并能穿透一個(gè)復(fù)雜故事的蕪雜直抵問(wèn)題的核心。

眾所周知，紐約時(shí)報(bào)的可視化圖表非常專業(yè)，既能闡述事實(shí)，也不失簡(jiǎn)潔美觀。

作為普通人，其實(shí)只要遵守一些設(shè)計(jì)規(guī)則，加上一點(diǎn)審美訓(xùn)練，也能制作出專業(yè)的可視化圖表。

這次給大家介紹20個(gè)圖表制作過(guò)程中有用的方法和規(guī)則。

1、選擇合適的圖表類型

錯(cuò)誤的圖表類型會(huì)導(dǎo)致混淆視聽，同樣的數(shù)據(jù)集可以選擇多種圖表類型，但大家要注意甄別用法。

你想要給觀眾展示什么，這是最重要的選擇依據(jù)，下面給大家列舉了的十幾種圖表類型。

2、根據(jù)正負(fù)值選擇合適的繪圖方向

繪制水平條形圖時(shí)，在Y軸左側(cè)繪制負(fù)值，在Y軸右側(cè)繪制正值，不要把正負(fù)值繪制到軸同一側(cè)。

垂直柱狀圖同理。

3、從0基線開始繪制柱狀圖

截?cái)郰軸會(huì)導(dǎo)致表達(dá)失真。在下面的示例中，查看左側(cè)的圖表，可以很快得出結(jié)論，值 B 比 D 大 3 倍以上，而實(shí)際上差異要小得多。

從0基線開始可確保用戶獲得更準(zhǔn)確的數(shù)據(jù)表達(dá)。

4、折線圖使用自適應(yīng)Y 軸比例

對(duì)于折線圖，如果始終將 Y 軸比例限制為從0開始可能會(huì)使圖表過(guò)于平坦，無(wú)法表達(dá)趨勢(shì)變化。

由于折線圖的主要目標(biāo)是表示趨勢(shì)，比較合理的是根據(jù)數(shù)據(jù)范圍調(diào)整比例，保持折線上下高度占據(jù) Y 軸范圍的三分之二。

5、時(shí)間點(diǎn)稀疏時(shí)慎重使用折線圖

折線圖是由線連接的“標(biāo)記”組成，通常可用于表達(dá)時(shí)間序列變化。

當(dāng)時(shí)間間隔很小，且時(shí)間點(diǎn)較多時(shí)，折線是一種非常好的展示變化的方式，比如股票分鐘線。

但如果時(shí)間點(diǎn)比較稀疏，且時(shí)間間隔大，最好是使用柱狀圖來(lái)展示，比如月銷量變化。因?yàn)榇饲闆r下折線圖容易導(dǎo)致混淆。

6、少使用平滑折線圖

平滑的折線圖可能在視覺(jué)上令人愉悅，但它們歪曲了背后的實(shí)際數(shù)據(jù)，而且過(guò)粗的線條掩蓋了真正的“標(biāo)記”位置。

7、避免使用雙軸圖

一般情況下，為了節(jié)省可視化空間，當(dāng)有兩個(gè)數(shù)據(jù)系列具有相同的度量但大小不同時(shí)，可能傾向于使用雙軸圖表。

但雙軸圖表不僅難以閱讀，而且還會(huì)誤導(dǎo)觀眾，以為代表了 2 個(gè)數(shù)據(jù)系列之間的比較。

大多數(shù)用戶不會(huì)密切關(guān)注雙軸比例差異，只是瀏覽圖表，可能得出錯(cuò)誤的結(jié)論。

8、餅圖中顯示的切片數(shù)量不宜過(guò)多

餅圖是最受歡迎且經(jīng)常被誤用的圖表之一。

在大多數(shù)情況下，條形圖是更好的選擇。但是，如果非要使用餅圖，需要注意以下幾個(gè)點(diǎn)：

• 不要超過(guò) 5-7 個(gè)切片，保持簡(jiǎn)潔

• 可以將額外多的最小段分組到“其他”切片中

9、直接在圖表上標(biāo)注標(biāo)簽

沒(méi)有適當(dāng)?shù)臉?biāo)簽，無(wú)論圖表多好看——它都幾乎沒(méi)有意義。

直接在圖表上標(biāo)記對(duì)所有查看者都非常有幫助，因?yàn)橐荒苛巳?#xff0c;更節(jié)省時(shí)間。

查看圖例需要花費(fèi)很多時(shí)間，一般觀眾不會(huì)仔細(xì)去對(duì)比圖例和圖表的顏色。

10、餅圖不要直接在切片上面標(biāo)注

將值放在切片之上可能會(huì)導(dǎo)致多個(gè)問(wèn)題，可讀性差，薄切片無(wú)法標(biāo)注等。

更好的做法是，為每個(gè)數(shù)據(jù)標(biāo)簽添加帶有清晰指向的黑色標(biāo)簽。

11、餅圖切片需要排序

如果餅圖切片大小無(wú)順序，則很難理解表達(dá)的內(nèi)容。

所以餅圖切片需要以一定規(guī)則排序，一般是將最大的切片放在12點(diǎn)鐘位置，然后按順時(shí)針?lè)较蚪敌蚍胖孟乱粋€(gè)切片。

12、避免隨機(jī)性

柱狀圖排序也要避免隨機(jī)性，按照一定規(guī)則排序會(huì)更加清晰易讀。

將最大值放在頂部（對(duì)于水平條形圖）或左側(cè)（對(duì)于垂直條形圖），以確保最重要的值占據(jù)最突出的空間，減少眼球運(yùn)動(dòng)和閱讀圖表所需的時(shí)間。

13、圓環(huán)圖寬度要適當(dāng)

當(dāng)我們?nèi)サ麸瀳D中間部分并創(chuàng)建一個(gè)圓環(huán)圖時(shí)，我們可以騰出空間來(lái)顯示額外的信息，但如果寬度過(guò)窄，它會(huì)使圖表變得很難閱讀。

14、盡量避免復(fù)雜樣式，讓數(shù)據(jù)自己說(shuō)話

不必要的樣式不僅會(huì)分散注意力，還可能導(dǎo)致對(duì)數(shù)據(jù)的誤解，讓用戶產(chǎn)生錯(cuò)誤印象。

應(yīng)該避免以下幾種：

• 3D樣式

• 陰影、漸變

• 斑馬紋，過(guò)多的網(wǎng)格線

• 高度裝飾、斜體、粗體或襯線字體

15、選擇與數(shù)據(jù)性質(zhì)相匹配的調(diào)色板

顏色是有效數(shù)據(jù)可視化的一個(gè)組成部分，在設(shè)計(jì)時(shí)考慮這 3 種調(diào)色板類型：

• 定性調(diào)色板最適合顯示分類變量。分配的顏色應(yīng)該是不同的，以確保可讀性。

• 順序調(diào)色板最適合需要按特定順序放置的數(shù)字變量。使用色調(diào)或亮度或兩者的組合，可以創(chuàng)建一個(gè)連續(xù)的顏色集。

• 發(fā)散調(diào)色板是兩個(gè)連續(xù)調(diào)色板的組合，中間有一個(gè)中心值（通常為零）。通常，不同的調(diào)色板會(huì)傳達(dá)正值和負(fù)值。確保顏色也符合“消極”和“積極”表現(xiàn)的概念。

16、選擇無(wú)障礙顏色設(shè)計(jì)

研究數(shù)據(jù)表明，大約每 12 個(gè)人中就有 1 人是色盲。圖表只有在廣泛的受眾可以訪問(wèn)時(shí)，才能最大化它的價(jià)值。

所以在配色時(shí)注意以下幾個(gè)方面：

• 在調(diào)色板中使用不同的飽和度和亮度

• 以黑白打印的數(shù)據(jù)可視化圖表以檢查對(duì)比度和可讀性

17、時(shí)刻注意易讀性

確保排版準(zhǔn)確傳達(dá)信息，并幫助用戶專注于數(shù)據(jù)，而不是分散注意力。

注意以下幾點(diǎn)：

• 選擇易讀的字體，比如雅黑、黑體，避免襯線和裝飾性很強(qiáng)的字體

• 避免斜體、粗體和全部大寫

• 確保與背景形成高對(duì)比度

• 不要旋轉(zhuǎn)文字

18、使用水平條形圖而不是旋轉(zhuǎn)標(biāo)簽

標(biāo)簽過(guò)長(zhǎng)時(shí)不要使用旋轉(zhuǎn)角度，而是用水平條形圖來(lái)表達(dá)，這個(gè)簡(jiǎn)單的技巧將確保用戶能夠更有效地觀看圖表。

19、選擇適合自己的圖表庫(kù)

如果你想向Web 和APP項(xiàng)目添加交互式圖表，將使用什么圖表庫(kù)？

現(xiàn)在有很多專業(yè)的圖標(biāo)庫(kù)可供選擇，比如echarts、highcharts等。

圖表庫(kù)包含了許多前面提到的交互和規(guī)則。基于定義的庫(kù)進(jìn)行設(shè)計(jì)將確保易于實(shí)施，并為你提供大量交互想法。

20、可交互式圖表，讓用戶自己選擇

通過(guò)更改參數(shù)、可視化類型、時(shí)間線幫助用戶進(jìn)行探索，可交互式圖表能更有效的獲取有用的信息。

結(jié)論

好的數(shù)據(jù)可視化圖表會(huì)在你的腦海里久久留下關(guān)于事實(shí)、趨勢(shì)或者過(guò)程的心理模型。

圖表制作并不難，但好的圖表需要注意很多細(xì)節(jié)，避免畫蛇添足、過(guò)猶不及。

往期精彩回顧適合初學(xué)者入門人工智能的路線及資料下載機(jī)器學(xué)習(xí)及深度學(xué)習(xí)筆記等資料打印機(jī)器學(xué)習(xí)在線手冊(cè)深度學(xué)習(xí)筆記專輯《統(tǒng)計(jì)學(xué)習(xí)方法》的代碼復(fù)現(xiàn)專輯 AI基礎(chǔ)下載黃海廣老師《機(jī)器學(xué)習(xí)課程》視頻課黃海廣老師《機(jī)器學(xué)習(xí)課程》711頁(yè)完整版課件

本站qq群955171419，加入微信群請(qǐng)掃碼：

總結(jié)

以上是生活随笔為你收集整理的【Python】20个小技巧，让数据可视化图表更专业！的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。