來源丨DataHunter

編輯丨極市平臺(tái)? ?關(guān)注極市平臺(tái)公眾號(hào)，獲取更多CV干貨～

優(yōu)秀的數(shù)據(jù)可視化圖表只是羅列、總結(jié)數(shù)據(jù)嗎？當(dāng)然不是！數(shù)據(jù)可視化其真正的價(jià)值是設(shè)計(jì)出可以被讀者輕松理解的數(shù)據(jù)展示，因此在設(shè)計(jì)過程中，每一個(gè)選擇，最終都應(yīng)落腳于讀者的體驗(yàn)，而非圖表制作者個(gè)人。

這里給大家總結(jié)了數(shù)據(jù)可視化的制作的30個(gè)小技巧，通過列舉一些容易被忽略的常見錯(cuò)誤，最終能夠快速提升和鞏固你的可視化制作水平。

一、你不得不注意的圖表制作小技巧

1.條形圖的基線必須從零開始

條形圖的原理就是通過比較條塊的長度來比較值的大小。當(dāng)基線被改變了，視覺效果也就扭曲了。

2.使用簡單易讀的字體

有些時(shí)候，排版可以提升視覺效果，增加額外的情感和洞察力。但數(shù)據(jù)可視化不包括在內(nèi)。堅(jiān)持使用簡單的無襯線字體(通常是Excel等程序中的默認(rèn)字體)。無襯線字體即是那些文字邊緣沒有小腳的字體。

3.條狀圖寬度適度

條形圖之間的間隔應(yīng)該是1/2欄寬度。

4.使用2D圖形

雖然他們看起來很酷，但是3d形狀可以扭曲感知，因此扭曲數(shù)據(jù)。堅(jiān)持2次元，確保數(shù)據(jù)準(zhǔn)確。

5.使用表格數(shù)字字體

表格間距賦予所有的數(shù)字相同的寬度，使它們排列時(shí)能彼此對(duì)齊，使比較更容易。大多數(shù)流行字體都內(nèi)置了表格。不確定字體是否正確?就看小數(shù)點(diǎn)(或任何數(shù)字)是否對(duì)齊就行。

6.統(tǒng)一感

統(tǒng)一感使我們更容易接收信息：顏色，圖像，風(fēng)格，來源……

7.不要過分熱衷于餅圖

展示多個(gè)區(qū)塊比例大小，所有區(qū)塊（圓弧）的加和等于 100%。但最好避免使用這個(gè)圖表，因?yàn)槿庋蹖?duì)面積大小不敏感。

8.折線圖中使用連貫的線條

虛線,虛線容易分散注意力。相反,使用實(shí)線和顏色,反而容易區(qū)分彼此的區(qū)別。

9.尊重部分所占整體的比例

在人們多選的問題上就會(huì)出現(xiàn)比例的重疊，不同選項(xiàng)的百分比之和大于一。為了避免這種情況，不能直接把比例做成統(tǒng)計(jì)圖。相較于呈現(xiàn)數(shù)值，有些圖更著重于表現(xiàn)部分與整體的關(guān)系。

10.面積、尺寸可視化

對(duì)同一類圖形（例如柱狀、圓環(huán)和蜘蛛圖等）的長度、高度或面積加以區(qū)別，來清晰的表達(dá)不同指標(biāo)對(duì)應(yīng)的指標(biāo)值之間的對(duì)比。制作這類數(shù)據(jù)可視化圖形時(shí)，要用數(shù)學(xué)公式計(jì)算，來表達(dá)準(zhǔn)確的尺度和比例。

11.使用大小來可視化值

大小可以幫助強(qiáng)調(diào)重要信息并添加上下文提示，使用大小來表示值配合地圖使用的效果也非常好。如果您的可視化中有多個(gè)大小相同的數(shù)據(jù)點(diǎn)，它們會(huì)混在一起，很難區(qū)分值。

12.使用相同細(xì)節(jié)

添加的細(xì)節(jié)(和數(shù)字)越多，大腦處理的時(shí)間就越長。想想你想要用你的數(shù)據(jù)傳達(dá)什么，以及最有效的方式是什么。

13.使用基礎(chǔ)圖形

一個(gè)很好的經(jīng)驗(yàn)法則是，如果你不能高效理解，你的讀者或聽眾可能也難理解。因此，堅(jiān)持使用基礎(chǔ)圖形:直方圖、條形圖、維恩圖、散點(diǎn)圖和線形圖。

14.視圖數(shù)量

將您的可視化中的視圖數(shù)量限制為三到四個(gè)。如果您添加太多視圖，大局會(huì)被詳細(xì)信息所淹沒。

二、關(guān)于圖表配色，你可以參考的5條準(zhǔn)則

1.顏色深淺

通過顏色的深淺來表達(dá)指標(biāo)值的強(qiáng)弱和大小，是數(shù)據(jù)可視化設(shè)計(jì)的常用方法，用戶一眼看上去便可整體的看出哪一部分指標(biāo)的數(shù)據(jù)值更突出。

2.使用同一色系

顏色用得太花，會(huì)給數(shù)據(jù)增加不可承受之重，相反，設(shè)計(jì)師應(yīng)該采用同一色系，或者類比色。

3.避免使用鮮艷的顏色

明亮鮮艷的顏色就像是把所有的字母都大寫想要強(qiáng)調(diào)一樣，你的聽眾感覺你在對(duì)他們大聲推銷。單調(diào)的顏色，反而能很好地用于數(shù)據(jù)可視化，因?yàn)樗鼈兛梢宰屇愕淖x者理解你的數(shù)據(jù)，而不至于被數(shù)據(jù)淹沒。

4.標(biāo)簽使用不同顏色區(qū)分

在某些情況下，在一段時(shí)間或一系列的值中，我們可能測(cè)量了不同種類的物體。例如，假設(shè)我們測(cè)量 6 個(gè)月以來狗和貓的體重。在實(shí)驗(yàn)結(jié)束時(shí)，我們想畫出每只動(dòng)物的體重，分別用藍(lán)色和紅色區(qū)分貓和狗。

5.顏色數(shù)量

不要在一張圖上使用6種以上的顏色。

三、標(biāo)準(zhǔn)的可視化圖表一定有注釋

1.解釋編碼

通過一定的形狀、顏色和幾何圖形的結(jié)合，將數(shù)據(jù)呈現(xiàn)出來。為了讓讀者能讀清楚，圖表設(shè)計(jì)者就要把這些圖形解碼回?cái)?shù)據(jù)值。

2.軸標(biāo)簽

這可能看起來沒有必要，或者不是很有幫助，但是你無法想象，如果你的圖表有點(diǎn)混亂，或者看到數(shù)據(jù)的人對(duì)此不是很熟悉，你會(huì)被問多少次 x/y 軸代表的是什么。按照前面的兩個(gè)繪圖示例，如果要為軸設(shè)置特定名稱。

3.標(biāo)題

如果我們要將數(shù)據(jù)呈現(xiàn)給第三方，另一個(gè)基本但關(guān)鍵的要點(diǎn)是使用標(biāo)題，它和之前的軸標(biāo)記非常相似。

4.重點(diǎn)元素做注釋

通常情況下，僅僅在圖表的左右兩側(cè)使用刻度本身并不是很清楚。在圖上標(biāo)注值對(duì)于解釋圖表非常有用。

5.重要視圖位置

將最重要的視圖放置在頂部或左上角。眼睛通常會(huì)首先注意到該區(qū)域。

四、優(yōu)秀的可視化圖表，遵守的6條原則

1.數(shù)據(jù)排序有序

數(shù)據(jù)類別按字母順序,大小順序,或價(jià)值進(jìn)行排序，以一種合乎邏輯的和直觀的方式來引導(dǎo)讀者了解數(shù)據(jù)。

2.比較數(shù)據(jù)

比較是展示數(shù)據(jù)差異的好法子，但是如果你的讀者不容易看出差別的話，那么你的比較就毫無意義。確保所有的數(shù)據(jù)都是呈現(xiàn)在讀者面前,選擇最合適的比較方法。

3.不可扭曲數(shù)據(jù)

確保所有可視化方式是準(zhǔn)確的。例如,氣泡圖大小應(yīng)該根據(jù)區(qū)域擴(kuò)展,而不是直徑。

4.展示數(shù)據(jù)

讓讀者看到數(shù)據(jù)，這是可視化的重點(diǎn)。確保沒有數(shù)據(jù)丟失或被設(shè)計(jì)。例如,使用標(biāo)準(zhǔn)的面積圖時(shí)，可以添加透明度,確保讀者可以看到所有數(shù)據(jù)。

5.刪除變量

很多時(shí)候，太多的信息會(huì)影響讀者的注意，從可視化中刪除隱含信息是一個(gè)好主意，在這種情況下，我認(rèn)為我們不需要在軸中包含變量的名稱。

6.避免數(shù)據(jù)噪音

把不重要的東西減到最少或者去掉。這包括減弱或移除圖形線，改變軸線、圖形線的顏色，以及用淺灰色描繪電子表格行。使得“數(shù)據(jù)比率”可以達(dá)到一個(gè)很高的水平，聽眾會(huì)更容易明白其中的數(shù)據(jù)情況。

以上的小細(xì)節(jié)你都記住了嘛？俗話說熟能生巧，在每次數(shù)據(jù)可視化的制作過程中多思考一下，有哪些細(xì)節(jié)需要注意？這些細(xì)節(jié)的處理是否合理，數(shù)據(jù)可視化大神指日可待。