因?yàn)榻酉聛硪鲑u家后臺數(shù)據(jù)縱橫的改版，對數(shù)據(jù)可視化這塊兒又進(jìn)行了研究和心得的整理，跟大家分享下數(shù)據(jù)可視化常用的五種方式，希望能給大家?guī)硭悸返耐卣埂?/p>
概念
借助于圖形化的手段，清晰、快捷有效的傳達(dá)與溝通信息。從用戶的角度，數(shù)據(jù)可視化可以讓用戶快速抓住要點(diǎn)信息，讓關(guān)鍵的數(shù)據(jù)點(diǎn)從人類的眼睛快速通往心靈深處。 數(shù)據(jù)可視化一般會具備以下幾個特點(diǎn)：準(zhǔn)確性、創(chuàng)新性 和 簡潔性。
常用五種可視化方法
下面從最常用和實(shí)用的維度總結(jié)了如下5種數(shù)據(jù)可視化方法，讓我們來一一看一下：
一、面積&尺寸可視化
對同一類圖形（例如柱狀、圓環(huán)和蜘蛛圖等）的長度、高度或面積加以區(qū)別，來清晰的表達(dá)不同指標(biāo)對應(yīng)的指標(biāo)值之間的對比。這種方法會讓瀏覽者對數(shù)據(jù)及其之間的對比一目了然。制作這類數(shù)據(jù)可視化圖形時，要用數(shù)學(xué)公式計算，來表達(dá)準(zhǔn)確的尺度和比例。
a: 天貓的店鋪動態(tài)評分
天貓店鋪動態(tài)評分模塊右側(cè)的條狀圖按精確的比例清晰的表達(dá)了不同評分用戶的占比。從下圖中我們第一眼就可以強(qiáng)烈的感知到5分動態(tài)評分的用戶占絕對的比例。
b: 聯(lián)邦預(yù)算圖
如下圖，在美國聯(lián)邦預(yù)算剖面圖里，用不同高度的貨幣流清晰的表達(dá)了資金的來源去向，及每一項所占金額的比重。
c: 公司黃頁-企業(yè)能力模型蜘蛛圖
如下圖，通過蜘蛛圖的表現(xiàn)，公司綜合實(shí)力與同行平均水平的對比便一目了然。
二、顏色可視化
通過顏色的深淺來表達(dá)指標(biāo)值的強(qiáng)弱和大小，是數(shù)據(jù)可視化設(shè)計的常用方法，用戶一眼看上去便可整體的看出哪一部分指標(biāo)的數(shù)據(jù)值更突出。
a: 點(diǎn)擊頻次熱力圖
比如下面這張眼球熱力圖，通過顏色的差異，我們可以直觀的看到用戶的關(guān)注點(diǎn)。
b: 2013年美國失業(yè)率統(tǒng)計
在圖中可以看到，通過對美國地圖以州為單位的劃分，用不同的顏色來代表不同的失業(yè)率等級范圍，整個的全美失業(yè)率狀況便盡收眼底了。
c: 美國手機(jī)用戶城市分布
圖中紅點(diǎn)是用iPhone的人，綠點(diǎn)是用安卓的人。這兩張在微博上看到的圖，第一張是美國一個城市的一覽，第二張圖特寫了紐約的市中心，尤其是曼哈頓地區(qū)。我們可以看到在市中心和主干道的人用iPhone居多，而用安卓的人都在郊區(qū)。這也引起了人們的熱議，有的說在美國富人都住郊區(qū)別墅，所以富人愛用安卓手機(jī)；有的反駁說曼哈頓地區(qū)的人幾乎都用iPhone，說明富人喜歡用iPhone手機(jī)。不管結(jié)論如何，都足以說明用戶都被這些圖所吸引，所以可視化的方式效果真的很直觀。
注：科學(xué)家統(tǒng)計了2年里30億條含有地理數(shù)據(jù)的twitter推文，根據(jù)客戶端總結(jié)出來的數(shù)據(jù)。
三、圖形可視化
在我們設(shè)計指標(biāo)及數(shù)據(jù)時，使用有對應(yīng)實(shí)際含義的圖形來結(jié)合呈現(xiàn)，會使數(shù)據(jù)圖表更加生動的被展現(xiàn)，更便于用戶理解圖表要表達(dá)的主題。