20個小技巧,讓資料視覺化圖表更專業!

--

資料視覺化是資料展示的常見方式,所謂一圖抵千言,好的圖表能高效傳遞資訊,讓觀眾一目瞭然,差的圖表往往會不知所云。

人類大腦的一半完全是用於處理視覺化資訊的。當你給使用者展示一張資訊圖的時候,你已經以大腦的最大頻寬路徑在影響他了。

一張設計優良的資料視覺化圖能即時給予觀者深刻的印象,並能穿透一個複雜故事的蕪雜直抵問題的核心。

眾所周知,紐約時報的視覺化圖表非常專業,既能闡述事實,也不失簡潔美觀。

作為普通人,其實只要遵守一些設計規則,加上一點審美訓練,也能製作出專業的視覺化圖表。

這次給大家介紹20個圖表製作過程中有用的方法和規則。

1、選擇合適的圖表型別

錯誤的圖表型別會導致混淆視聽,同樣的資料集可以選擇多種圖表型別,但大家要注意甄別用法。

你想要給觀眾展示什麼,這是最重要的選擇依據,下面給大家列舉了的十幾種圖表型別。

2、根據正負值選擇合適的繪圖方向

繪製水平條形圖時,在Y軸左側繪製負值,在Y軸右側繪製正值,不要把正負值繪製到軸同一側。

垂直柱狀圖同理。

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

截斷Y軸會導致表達失真。在下面的示例中,檢視左側的圖表,可以很快得出結論,值 B 比 D 大 3 倍以上,而實際上差異要小得多。

從0基線開始可確保使用者獲得更準確的資料表達。

4、折線圖使用自適應Y 軸比例

對於折線圖,如果始終將 Y 軸比例限制為從0開始可能會使圖表過於平坦,無法表達趨勢變化。

由於折線圖的主要目標是表示趨勢,比較合理的是根據資料範圍調整比例,保持折線上下高度佔據 Y 軸範圍的三分之二。

5、時間點稀疏時慎重使用折線圖

折線圖是由線連線的“標記”組成,通常可用於表達時間序列變化。

當時間間隔很小,且時間點較多時,折線是一種非常好的展示變化的方式,比如股票分鐘線。

但如果時間點比較稀疏,且時間間隔大,最好是使用柱狀圖來展示,比如月銷量變化。因為此情況下折線圖容易導致混淆。

6、少使用平滑折線圖

平滑的折線圖可能在視覺上令人愉悅,但它們歪曲了背後的實際資料,而且過粗的線條掩蓋了真正的“標記”位置。

7、避免使用雙軸圖

一般情況下,為了節省視覺化空間,當有兩個資料系列具有相同的度量但大小不同時,可能傾向於使用雙軸圖表。

但雙軸圖表不僅難以閱讀,而且還會誤導觀眾,以為代表了 2 個數據系列之間的比較。

大多數使用者不會密切關注雙軸比例差異,只是瀏覽圖表,可能得出錯誤的結論。

8、餅圖中顯示的切片數量不宜過多

餅圖是最受歡迎且經常被誤用的圖表之一。

在大多數情況下,條形圖是更好的選擇。但是,如果非要使用餅圖,需要注意以下幾個點:

﹣不要超過 5–7 個切片,保持簡潔
﹣可以將額外多的最小段分組到“其他”切片中

9、直接在圖表上標註標籤

沒有適當的標籤,無論圖表多好看 — — 它都幾乎沒有意義。

直接在圖表上標記對所有檢視者都非常有幫助,因為一目瞭然,更節省時間。

檢視圖例需要花費很多時間,一般觀眾不會仔細去對比圖例和圖表的顏色。

10、餅圖不要直接在切片上面標註

將值放在切片之上可能會導致多個問題,可讀性差,薄切片無法標註等。

更好的做法是,為每個資料標籤新增帶有清晰指向的黑色標籤。

11、餅圖切片需要排序

如果餅圖切片大小無順序,則很難理解表達的內容。

所以餅圖切片需要以一定規則排序,一般是將最大的切片放在12點鐘位置,然後按順時針方向降序放置下一個切片。

12、避免隨機性

柱狀圖排序也要避免隨機性,按照一定規則排序會更加清晰易讀。

將最大值放在頂部(對於水平條形圖)或左側(對於垂直條形圖),以確保最重要的值佔據最突出的空間,減少眼球運動和閱讀圖表所需的時間。

13、圓環圖寬度要適當

當我們去掉餅圖中間部分並建立一個圓環圖時,我們可以騰出空間來顯示額外的資訊,但如果寬度過窄,它會使圖表變得很難閱讀。

14、儘量避免複雜樣式,讓資料自己說話

不必要的樣式不僅會分散注意力,還可能導致對資料的誤解,讓使用者產生錯誤印象。

應該避免以下幾種:

﹣3D樣式
﹣陰影、漸變
﹣斑馬紋,過多的網格線
﹣高度裝飾、斜體、粗體或襯線字型

15、選擇與資料性質相匹配的調色盤

顏色是有效資料視覺化的一個組成部分,在設計時考慮這 3 種調色盤型別:

﹣定性調色盤最適合顯示分類變數。分配的顏色應該是不同的,以確保可讀性。
﹣順序調色盤最適合需要按特定順序放置的數字變數。使用色調或亮度或兩者的組合,可以建立一個連續的顏色集。
﹣發散調色盤是兩個連續調色盤的組合,中間有一箇中心值(通常為零)。通常,不同的調色盤會傳達正值和負值。確保顏色也符合“消極”和“積極”表現的概念。

16、選擇無障礙顏色設計

研究資料表明,大約每 12 個人中就有 1 人是色盲。圖表只有在廣泛的受眾可以訪問時,才能最大化它的價值。

所以在配色時注意以下幾個方面:

﹣在調色盤中使用不同的飽和度和亮度
﹣以黑白列印的資料視覺化圖表以檢查對比度和可讀性

17、時刻注意易讀性

確保排版準確傳達資訊,並幫助使用者專注於資料,而不是分散注意力。

注意以下幾點:

﹣選擇易讀的字型,比如雅黑、黑體,避免襯線和裝飾性很強的字型
﹣避免斜體、粗體和全部大寫
﹣確保與背景形成高對比度
﹣不要旋轉文字

18、使用水平條形圖而不是旋轉標籤

標籤過長時不要使用旋轉角度,而是用水平條形圖來表達,這個簡單的技巧將確保使用者能夠更有效地觀看圖表。

19、選擇適合自己的圖表庫

如果你想向Web 和APP專案新增互動式圖表,將使用什麼圖表庫?

現在有很多專業的圖示庫可供選擇,比如echarts、highcharts等。

圖表庫包含了許多前面提到的互動和規則。基於定義的庫進行設計將確保易於實施,併為你提供大量互動想法。

20、可互動式圖表,讓使用者自己選擇

透過更改引數、視覺化型別、時間線幫助使用者進行探索,可互動式圖表能更有效的獲取有用的資訊。

結論

好的資料視覺化圖表會在你的腦海裡久久留下關於事實、趨勢或者過程的心理模型。

圖表製作並不難,但好的圖表需要注意很多細節,避免畫蛇添足、過猶不及。

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

我是「數據分析那些事」。常年分享數據分析乾貨,不定期分享好用的職場技能工具。各位也可以關注我的Facebook,按讚我的臉書並私訊「10」,送你十週入門數據分析電子書唷!期待你與我互動起來~

文章推薦

資料視覺化配色八項原則

整理了20款優秀的視覺化工具!

17個驚豔的資料視覺化案例,讓你更懂資料視覺化!

--

--

數據分析那些事

這是一個專注於數據分析職場的內容部落格,聚焦一批數據分析愛好者,在這裡,我會分享數據分析相關知識點推送、(工具/書籍)等推薦、職場心得、熱點資訊剖析以及資源大盤點,希望同樣熱愛數據的我們一同進步! 臉書會有更多互動喔:https://www.facebook.com/shujvfenxi/