2022-6-14 博博
“數(shù)據(jù)可視化的目的，是要對數(shù)據(jù)進行可視化處理，以能夠明確地、有效地傳遞信息?！?——Vitaly Friedman
如何讓人們在海量的數(shù)據(jù)中，發(fā)現(xiàn)數(shù)據(jù)的規(guī)律，或者清晰的發(fā)現(xiàn)特異的數(shù)據(jù)，那數(shù)據(jù)可視化是一個有效的表達方式。
數(shù)據(jù)可視化主要旨在借助于圖形化手段，清晰有效地傳達與溝通信息。如圖
馬克·吐溫有一句名言“世界上有三種謊言：謊言，該死的謊言和統(tǒng)計數(shù)字?！比藗兘?jīng)常曲解數(shù)字，謊言并不是源于數(shù)字本身，而是錯誤或不負責(zé)任的使用數(shù)字的人，向他人展示數(shù)字的時候，你有責(zé)任展示出真相?！稊?shù)據(jù)之美》
數(shù)據(jù)真相的展示離不開數(shù)據(jù)圖表的合理選用，那么如何正確的選用呢？就來聊一聊基礎(chǔ)數(shù)據(jù)圖表類型的選用及辨析。
常用的基礎(chǔ)圖表類型
在數(shù)據(jù)可視化設(shè)計工作中，折柱餅圖表是最常用的，同時也是最容易混淆的。一組數(shù)據(jù)既可選用折線圖，又可選用柱狀圖的時候，設(shè)計師的內(nèi)心往往會產(chǎn)生“我該選用哪種圖表能更好地將數(shù)據(jù)傳達給用戶呢”的疑惑中。
基于上述疑問，下面給大家一些設(shè)計指引供參考。
1. 柱狀圖 VS 折線圖
折線圖主要表示一段時間內(nèi)數(shù)據(jù)變化趨勢，柱狀圖用于描述分類數(shù)據(jù)之間的對比。如果不需要展示數(shù)據(jù)的變化趨勢，建議不要使用折線圖，而選擇柱狀圖。
相較于折線圖，柱狀圖更多的關(guān)注數(shù)據(jù)之間的對比而非趨勢。
2. 柱狀圖 VS 條形圖
在大多數(shù)情況下，折線圖和柱形圖是可以互相替換的。
1）用戶針對橫向長短的敏感性高過豎向，涉及到排行時最好使用條形圖。
2）標簽較長時，使用條形圖。例如：城市人口流入量的數(shù)據(jù)展示，由于城市名稱文本比較長，建議使用條形圖。
3）當圖表畫布高度大于寬度時使用條形圖，利用高度空間的富余，展現(xiàn)更多的條形。
反之，建議使用柱狀圖。
3. 柱狀圖 VS 餅環(huán)圖
基于人的認知特征，人對面積、角度的敏感性沒有對長短的敏感性強。當類別的值接近時，不建議使用餅環(huán)圖，除非是強調(diào)單個數(shù)據(jù)在總體中的占比，突出數(shù)據(jù)在群體中的特點。
4. 折線圖 VS 面積圖
通常情況下，面積圖是折線圖的一種衍生。在面積圖里，數(shù)軸和線之間的區(qū)域通常用顏色或陰影來增加易讀性。面積圖數(shù)據(jù)集之間差異化部分在視覺上得到突顯。
5. 餅圖 VS 環(huán)圖
從本質(zhì)上來看，餅圖與環(huán)圖屬于同一類圖表類型。但二者在數(shù)據(jù)可視化的表現(xiàn)上各有側(cè)重。從圖形映射角度來說，弧長比面積、角度更易被識別、更有效。因此，相對餅圖，環(huán)圖讓數(shù)據(jù)更具可讀性，同時，可以將強調(diào)數(shù)據(jù)放置在環(huán)圖中部，引起用戶關(guān)注。
6. 堆疊柱狀圖 VS 餅圖
如果在餅圖或環(huán)圖的基礎(chǔ)上增加一個多數(shù)據(jù)的對比，就需要引入堆疊柱狀圖。相較于餅圖，每一個單個堆疊柱狀圖就是一個餅圖的變形，可滿足用戶的單一數(shù)據(jù)的部分之間的對比關(guān)系。將堆疊柱狀圖橫向排布，就實現(xiàn)了整體數(shù)據(jù)之間的對比，而餅圖是不能進行整體數(shù)據(jù)的對比。
7. 堆疊面積圖 VS 堆疊柱狀圖
堆疊面積圖強調(diào)數(shù)量追隨一個數(shù)據(jù)變化而變化的程度，同時強調(diào)部分和整體的變化趨勢。
堆疊柱狀圖強調(diào)的是整體的對比，也可以直觀的看出每個系列的值，尤其是當需要看某一單位的綜合以及各系列值的比重時，最適合。
當日期數(shù)據(jù)點較多時，比如展示近50年某一組數(shù)據(jù)趨勢的變化時，建議使用堆疊面積圖，可動態(tài)交互，如X軸放大縮小可較為直觀的展示數(shù)據(jù)。當日期跨度較小，如近7天、近3天某一組數(shù)據(jù)的的變化關(guān)系時，建議使用堆疊柱狀圖。
1. 折線圖
1）為了可讀性，折線圖線的數(shù)量建議不要超過5條。當折線數(shù)量超過5條時，可在圖表默認狀態(tài)中高亮最重要的部分。
2）為了數(shù)據(jù)的易讀性，建議折線視覺效果使用實線
3）慎用曲線。單折線圖中線條是唯一的主題，線條的每一個點都真實的反應(yīng)數(shù)據(jù)的起伏，一般建議使用折線。
若線條趨勢不需要非常精確呈現(xiàn)，且需要消除個別差一點和整體的趨勢，可以用平滑曲線
4）折線圖可以處理大量數(shù)據(jù)，非常適合給用戶一些具有參考價值的數(shù)值，建議添加比較數(shù)據(jù)
2. 面積圖
面積圖作為折線圖的一種衍生，可用來展示連續(xù)性數(shù)據(jù)，可很好地表示趨勢、累積、減少以及變化。堆疊面積圖更擅于展示部分和整體之間的關(guān)系或趨勢，而不是傳達特定的值。
3. 柱狀圖
1）柱子之間的間距不要過大，增加數(shù)據(jù)易讀性。
2）使用合理的數(shù)據(jù)油墨比，降低用戶獲取數(shù)據(jù)的認知成本
4. 堆疊柱狀圖
堆疊柱狀圖的數(shù)值必須能相加，相加無意義的數(shù)據(jù)不建議使用堆疊柱狀圖。如圖，同一區(qū)域的人員年齡相加，是沒有數(shù)據(jù)意義的，如果將年齡改為人員數(shù)量，就可以橫向?qū)Ρ炔煌瑓^(qū)域的人員數(shù)量，是具有實際意義的。
5. 條形圖
分類數(shù)目是固定的，空數(shù)據(jù)也要展示。如果省略部分空數(shù)據(jù)節(jié)點，會造成不必要的誤解，同時，數(shù)據(jù)的整體分布狀況也不能完全表達出來。同理，柱狀圖也是一樣。
6. 餅環(huán)圖
1）若計算百分比，每個切片的數(shù)值不能為負，餅圖切片的大小與其相應(yīng)的值成比例，所有切片相加必須為100%。
2）通過扇形區(qū)塊的面積，弧度和顏色等視覺標記，展現(xiàn)部分與部分之間以及部分與整體的占比關(guān)系。
3）餅環(huán)圖各切片有序排列
雖然，數(shù)據(jù)可視化通常會讓人聯(lián)想到商業(yè)的分析師，但它通常比想象的更具創(chuàng)意并且豐富多彩。從業(yè)務(wù)儀表板、公共健康可視化到流行文化趨勢分析，數(shù)據(jù)可視化涵蓋了廣泛多樣的應(yīng)用情景。
隨著數(shù)據(jù)可視化的發(fā)展，數(shù)據(jù)表現(xiàn)形式也越來越豐富、多樣，如在Echarts中有近40個大類的圖標樣式介紹。如?；鶊D、雷達圖、地圖等等。一些之前比較少見的圖表類型，也越來越常見，如玫瑰圖（南丁格爾玫瑰圖），通過人民網(wǎng)在疫情期間的應(yīng)用，也為大眾所熟知。
一般來說，相較于基礎(chǔ)圖表，目前發(fā)展的數(shù)據(jù)可視化圖表，應(yīng)用場景相對來說比較局限，同時制作方式也較為復(fù)雜，不同于基礎(chǔ)圖表，通過Excel就可以實現(xiàn)，復(fù)雜圖表的制作需要比較專業(yè)的工具，或?qū)I(yè)人員來實現(xiàn)，如需要專業(yè)的數(shù)據(jù)分析師通過Tableau、Qlikview、FineBI等數(shù)據(jù)分析工具來實現(xiàn)，有較高的學(xué)習(xí)與應(yīng)用成本。
好的可視化設(shè)計一定集易讀、突出數(shù)據(jù)價值、易于分析、美觀為一體的，最終讓數(shù)據(jù)變得更加簡單，方便交流，反之，不僅讓數(shù)據(jù)變得更復(fù)雜，而且還會帶來錯誤誘導(dǎo)。因此，如何讓數(shù)據(jù)分析變得輕松、流暢并且易讀，從而提高用戶的工作效率，降低用戶的工作負擔(dān)，則成為設(shè)計師的重要責(zé)任。
本文只是介紹了部分基礎(chǔ)圖表的應(yīng)用經(jīng)驗，后續(xù)有機會將繼續(xù)完善可視化圖表應(yīng)用經(jīng)驗的沉淀及分享。
轉(zhuǎn)載請注明：優(yōu)設(shè)網(wǎng)
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
更多精彩文章：大數(shù)據(jù)可視化界面設(shè)計之一：可視化大屏設(shè)計快速入門指南
大數(shù)據(jù)可視化界面設(shè)計之九：超全面的數(shù)據(jù)可視化設(shè)計指南：設(shè)備篇
