? ? ? ?俗話說：一圖勝千言，這足以說明一張好圖的強大作用。漢斯·羅斯林的《TED演講新數據和震撼的圖表》，我看了2遍，著實被這樣動態的圖表所吸引。換個角度，如果漢斯教授將圖表的內容僅僅用口述的形式傳達，那么底下的觀眾是不是都要昏昏欲睡啦。

? ? ? ?上一期文章，我重點介紹了數據分析步驟的前4塊兒，今天會把數據可視化單獨拎為一篇，先帶大家溫習一下數據分析的步驟，見如下的腦圖：

? ? ? ?自制腦圖

? ? ? ?對于可視化，你或者周圍的朋友是否有如下的認知誤區呢？

? ? ? ?· 圖表的顏色越多越好，甚至超過彩虹色

? ? ? ?· 圖形越酷炫越好，更能吸引人眼球

? ? ? ?· 盡量往一張圖表里塞盡可能多的內容

? ? ? ?如果你的回答都是no，那么恭喜你對數據可視化有著正確的認知。在我看來，好的圖表應該具有它的底層邏輯，那就是用戶思維，怎么說？

? ? ? ?· 符合人的視覺掃視習慣，圖表排版是"Z"或"之"字形，將重要的內容在左上角直接亮明，不需要用戶在眾多的信息中費力尋找

? ? ? ?· 給人以高級感，直白說就是高品質的簡潔，比如：字體統一3種以內、用色不宜多可采用3+2組合（3種主角色＋2種配角色）和圖表類型相對成系列，而不是將很多圖表生搬硬湊

? ? ? ?· 給人以傳達精確之感，圖表元素不宜過多，以免增加用戶的認知負荷，要學會斷舍離

? ? ? ?以上的內容畢竟抽象，那么接下來請允許我用圖像化的方式幫助大家理解，如有不同見解，請與我交流，謝謝~【文末有關于配色的小彩蛋，不要錯過喲！】

? ? ? ?1. 采用圖表故事板，即用一組相關的圖表來講述一個復雜的問題，如同連環漫畫的方式。下圖為優化之后的版本，本例是用來描述【消費者信息表】的男女童基礎畫像，將性別、年齡和購買力3個維度相結合，因每個點數據量較少，故考慮采用此種方式。

? ? ? ?優化版：

? ? ? ?原始版：

? ? ? ?3個相互獨立的餅圖

? ? ? ?對比：

? ? ? ?· 原始版采用的餅圖在實際應用中應盡量避免使用，原因是人的肉眼很區分出相近比例的差距，比如20%和25%，其次多個餅圖占據空間也較大。

? ? ? ?· 優化版則可以把同一類別屬性放在一起，采用縱向和橫向的條形圖符合多個類別比較的特征。結論先行，圖表在中間，數據來源墊尾，構成一個相對完整的閉環。

? ? ? ?2. 本例采用雷達圖，重點說明選擇合適的圖表同時也可以多進行嘗試其他圖表，但本例相對不足，因為對比類別就男童和女童2個（可以換條形圖），建議雷達圖的類別數目在3-5個之間。

? ? ? ?原始版：縱向條形圖

? ? ? ?3. 當需要展示排名的時候，可以直接采用表格形式，直觀明了，如果時間許可的話可以稍作修飾，比如添加代表冠亞季軍的圖標，讓表格更具趣味性。

? ? ? ?下面的2個版本皆可使用，第一張可視化效果更好一些，弱化了表格的中規中矩。

? ? ? ?版本1：

? ? ? ?版本2：

? ? ? ?4. 條形圖作為常用圖表之一，如果類別名稱較長，首選橫向條形圖，且其最大的優勢就是符合人的視覺掃視習慣，”Z”形的更好詮釋。

? ? ? ?優化版：將縱向調整為橫向條形圖

? ? ? ?原始版：縱向條形圖，帶有邊框

? ? ? ?5. 采用清晰的小而多組圖，由愛德華·塔夫特定義，使用相同的變量組合，依照另一個變量的變化，做出的一系列小圖表，排列為一行或一列，起到化繁為簡的作用。如下圖探索2014年的TOP3的季度銷量趨勢，可采用組圖，相較于在一張折線圖上呈現3條動蕩明顯的折線，組圖可以更清晰直觀看出變化趨勢。

? ? ? ?6. 折線圖也作為常用圖表之一，多用于時間序列，顯示隨時間或有序類別而變化的趨勢。下圖元素精簡，圖例直接替換為更直觀的文本框，因會對顯著值進行標示，故縱向坐標軸可省略。

? ? ? ?最后，讓我們歡迎配色小彩蛋上場，舞臺交給它吧！

? ? ? ?工具：islide插件

? ? ? ?第1步：確定需要補間的2個色塊(截圖中A和B)

? ? ? ?第2步：打開islide，選擇補間，根據自己的需求填寫補間的數量

? ? ? ?第3步：點擊應用后，自動生成2個色塊間的系列色

? ? ? ?Wow，是不是很神奇，利用補間就可以輕松搞定圖表中多個類別系列的顏色，操作非常簡單，要不要試一試，來吧！動手吧~