資料視覺化圖表設計的15個技巧
設計過不少後臺儀表盤相關的UI，資料視覺化的設計確實需要對業務有一定的理解，今天分享給大家的是，資料視覺化圖表設計的15個技巧，這些技巧肯定能給你的設計帶來一些理論支撐，enjoy！
大資料時代，簡潔、有重點地呈現資料，能讓使用者一眼抓到重點，讓價值發揮到最大！
今天讓我們看看具體有哪些技巧讓我們玩轉資料！
一、比較
能夠通過圖表輕鬆識別最大/最小值，檢視資料變動情況。
比如：今年的銷售量和去年相比如何……
1. 條目少 – 柱狀圖
比較條目較少時，可選用柱狀圖表示。
△ 柱狀圖
2. 條目多 – 條形圖
當條目大於10條，更適合用條形圖。
△ 條形圖
3. 看趨勢 – 折線圖
當你想陳述某種變化趨勢時，建議用折線圖。
△ 折線圖
4. 擴大差異 – 南丁格爾玫瑰圖
如果想要更新穎一些，那不妨試試南丁格爾玫瑰圖！
△ 南丁格爾玫瑰圖
南丁格爾玫瑰圖會放大數值之間的差異，便於觀察類目大小相差比較小的數值。其圓形具有周期性的特點，適合表示時間概念。
5. 雙向 – 雙向條形圖
多維度比較可以嘗試雙向條形圖，比如收件和發件量的對比。
△ 雙向條形圖
既能整體比較大區，又能詳細對比地區的情況。
難度再次升級，如果想看看這幾個地區相應的收入、成本和利潤之間的關係，可以這樣做：
△ 業務資料
△ 雙向條形圖（多維度）
通過圖形一眼就能看出這幾個區的利潤、收入和成本的關係。
6. 目標達成 – 子彈圖
實際業務中，常要考察指標的達成情況，如某個指標在區間的位置，可以用子彈圖。
△ 業務資料
△ 子彈圖
子彈圖，在資訊傳遞上有更大的優勢。
若還要比較不同季度的收入情況，只需用不同顏色區分。
△ 子彈圖
7. 效能 – 雷達圖
對於一些多維的效能資料，如綜合評價，常用雷達圖表示。
△ 雷達圖
以上就是「比較」類的常用圖表，可歸納如下。
二、構成
可以用這部分圖來看各部分的來源構成，以及在總體中的佔比。
1. 單層 – 餅狀圖
△ 餅狀圖
地區增多，對比則更為明顯。
但是餅圖分類一般不超過9個，如果數量較多，可以用條形圖表示。
除餅圖外，環形圖也能表示佔比，更高效率地利用空間。
△ 環形圖
2. 分層 –旭日圖
△ 旭日圖
能夠層層深入看資料，由表及裡，一目瞭然。
3. 累計趨勢 – 堆疊面積圖
數值構成隨時間變化，比如某個地區的近幾年支出如何視覺化？
△ 業務資料
△ 堆疊面積圖
推薦方案是堆疊面積圖，可以展現分量（地區）對於總量（大區）的貢獻，並顯示總量（大區）的變化過程。
4. 累計增減 – 瀑布圖
若想表達兩個資料點間數量的變化過程，可使用瀑布圖。展示後一個數據在前面資料基礎上的變化，展現財務分析中的收支情況。
△ 瀑布圖
以上就是「構成」類常用圖表，可歸納如下。
三、分佈&聯絡
看到資料的分佈情況，來看資料之間的相關聯絡。
常見使用場景：消費者的年齡段分佈？消費高檔商品的地區分佈？
1. 兩個變數 – 散點圖
仍以業務為例，下圖為全國網點的單票成本/收入分佈情況。
△ 散點圖
單單這樣看，可能看不出什麼，如果加兩條平均線就不一樣了。
加了平均線，就能夠更清楚看到平均水平上下的網點了。如果進一步給網點加上不同顏色，就能更顯著地知道具體區域的分佈了！
2. 三個變數 – 氣泡圖
大家都知道，網點總利潤除了和單個利潤有關，還和收件量有關，可以用點的面積大小來表示具體網點的總利潤的高低。
△ 氣泡圖
3. 結合地圖 – 熱力圖
氣泡圖與地圖結合，就變成了熱力圖。從巨集觀視角清楚認識網點的收派件量。
△ 熱力圖
以上是 「分佈&聯絡」類的常用圖表，可歸納如下：
小結
