[數(shù)據(jù)可視化]
本文編譯自:Ross Crooks
數(shù)據(jù)是非常強(qiáng)大的。當(dāng)然溃列,如果你能真正理解它想告訴你的內(nèi)容咬荷,那它的強(qiáng)大之處就更能體現(xiàn)出來(lái)了。
什么是數(shù)據(jù)可視化迷捧?
數(shù)據(jù)可視化是指將數(shù)據(jù)以視覺(jué)的形式來(lái)呈現(xiàn)织咧,如圖表或地圖,以幫助人們了解這些數(shù)據(jù)的意義漠秋。通過(guò)觀察數(shù)字笙蒙、統(tǒng)計(jì)數(shù)據(jù)的轉(zhuǎn)換以獲得清晰的結(jié)論并不是一件容易的事。而人類大腦對(duì)視覺(jué)信息的處理優(yōu)于對(duì)文本的處理——因此使用圖表庆锦、圖形和設(shè)計(jì)元素捅位,數(shù)據(jù)可視化可以幫你更容易的解釋數(shù)據(jù)模式、趨勢(shì)、統(tǒng)計(jì)數(shù)據(jù)和數(shù)據(jù)相關(guān)性艇搀,而這些內(nèi)容在其他呈現(xiàn)方式下可能難以被發(fā)現(xiàn)尿扯。
數(shù)據(jù)可視化可以是靜態(tài)的或交互的。幾個(gè)世紀(jì)以來(lái)焰雕,人們一直在使用靜態(tài)數(shù)據(jù)可視化姜胖,如圖表和地圖。交互式的數(shù)據(jù)可視化則相對(duì)更為先進(jìn):人們能夠使用電腦和移動(dòng)設(shè)備深入到這些圖表和圖形的具體細(xì)節(jié)淀散,然后用交互的方式改變他們看到的數(shù)據(jù)及數(shù)據(jù)的處理方式。
我們必須用一個(gè)合乎邏輯的蚜锨、易于理解的方式來(lái)呈現(xiàn)數(shù)據(jù)档插。但是,并非所有數(shù)據(jù)可視化作品的效果都一樣好亚再。那么郭膛,如何將數(shù)據(jù)組織起來(lái),使其既有吸引力又易于理解氛悬?讓我們通過(guò)下面的16個(gè)有趣的例子獲得啟發(fā)则剃,它們是既注重風(fēng)格也注重內(nèi)容的數(shù)據(jù)可視化經(jīng)典案例。
交互數(shù)據(jù)可視化實(shí)例
1:為什么會(huì)有“巴士群”現(xiàn)象
這里有一個(gè)關(guān)于復(fù)雜數(shù)據(jù)集的很好的例子如捅,它看起來(lái)感覺(jué)像一個(gè)游戲棍现。在這個(gè)例子里,Setosa網(wǎng)站為我們呈現(xiàn)了“巴士群”現(xiàn)象是如何發(fā)生的镜遣,即當(dāng)一輛巴士被延遲己肮,就會(huì)導(dǎo)致多輛巴士在同一時(shí)間到站。
只用數(shù)字講述這個(gè)故事是非常困難的悲关,所以取而代之的是谎僻,他們把它變成一個(gè)互動(dòng)游戲。當(dāng)巴士沿著路線旋轉(zhuǎn)時(shí)寓辱,我們可以點(diǎn)擊并按住一個(gè)按鈕來(lái)使巴士延遲艘绍。然后,我們所要做的就是觀察一個(gè)短暫的延遲如何使巴士在一段時(shí)間以后聚集起來(lái)秫筏。
2:世界上的語(yǔ)言
這個(gè)由DensityDesign設(shè)計(jì)的互動(dòng)作品令人印象深刻诱鞠,它將世界上眾多(或者說(shuō),我們大多數(shù)人)語(yǔ)言用非語(yǔ)言的方法表現(xiàn)出來(lái)跳昼,一共有2678種般甲。
這件作品可以讓你瀏覽使用共同語(yǔ)言的家庭,看看哪些語(yǔ)言是最常用的鹅颊,并查看語(yǔ)言在世界各地的使用范圍敷存。這是一種了不起的視覺(jué)敘事方法:將一個(gè)有深度的主題用一種易于理解的方式進(jìn)行解讀。
3:按年齡段分布的美國(guó)人口百分比
應(yīng)該用什么方式去呈現(xiàn)一種單一的數(shù)據(jù)?這是一個(gè)令人信服的好榜樣锚烦。
Pew Research創(chuàng)造了這個(gè)GIF動(dòng)畫觅闽,顯示人口統(tǒng)計(jì)數(shù)量隨著時(shí)間推移的的變化。這是一個(gè)好方法涮俄,它將一個(gè)內(nèi)容較多的故事壓縮成了一個(gè)小的動(dòng)圖包蛉拙。此外,這種類型的微內(nèi)容很容易在社交網(wǎng)絡(luò)上分享或在博客中嵌入彻亲,擴(kuò)大了內(nèi)容的傳播范圍孕锄。
4:NFL(國(guó)家橄欖球聯(lián)盟)的完整歷史
體育世界有著豐富的數(shù)據(jù),但這些數(shù)據(jù)并不總是能有效地呈現(xiàn)苞尝。然而畸肆,F(xiàn)iveThirtyEight網(wǎng)站做得特別好。
在下面這個(gè)交互式可視化評(píng)級(jí)中宙址,他們對(duì)國(guó)家橄欖球聯(lián)盟史上的每一場(chǎng)比賽計(jì)算“等級(jí)分” – – 根據(jù)比賽結(jié)果對(duì)球隊(duì)實(shí)力進(jìn)行簡(jiǎn)單的衡量 轴脐。總共有超過(guò)30,000個(gè)評(píng)級(jí)抡砂,觀眾可以通過(guò)比較各個(gè)隊(duì)伍的等級(jí)分來(lái)了解每個(gè)隊(duì)伍在數(shù)十年間的比賽表現(xiàn)大咱。
5:Google Flights 上的美國(guó)感恩節(jié)
下面是將一段時(shí)間內(nèi)在空中移動(dòng)的物體進(jìn)行可視化的好方法。這是由Google Trends驅(qū)動(dòng)的項(xiàng)目注益,它跟蹤感恩節(jié)前出發(fā)碴巾、到達(dá)和穿越美國(guó)的航班。
可視化始于當(dāng)天很早的時(shí)間丑搔,隨著時(shí)間的推移餐抢,像播放電影一樣顯示在全國(guó)各地飛行中的航班。不需要顯示時(shí)間外的任何數(shù)字低匙,觀眾即可以看到當(dāng)天哪段時(shí)間是國(guó)際航班旷痕、國(guó)內(nèi)航班以及往返于全國(guó)各地不同樞紐的航班的熱門時(shí)間。
6:是什么真正造成了全球變暖?
我們都知道顽冶,“不要只簡(jiǎn)單地展示數(shù)據(jù)欺抗,講個(gè)故事吧”。這正是彭博商業(yè)正在做的可視化 ——用互動(dòng)的方式來(lái)講述故事的來(lái)龍去脈强重。绞呈。
此圖的關(guān)鍵是要反駁用自然原因解釋全球變暖的理論。首先你會(huì)看到從1880年至今觀測(cè)到的溫度上升情況间景。為了使故事內(nèi)容更加豐富佃声,當(dāng)你向下滾動(dòng)時(shí),這個(gè)可視化圖會(huì)讓你清楚的了解到相較于已被觀測(cè)到的因素倘要,造成全球變暖的不同因素到底有多少圾亏。作者希望觀眾能夠得到非常清晰的結(jié)論十拣。
7:在敘利亞,誰(shuí)和誰(shuí)在戰(zhàn)斗志鹃?
許多不同的團(tuán)體之間的關(guān)系可能令人很難理解 – 尤其是當(dāng)有11個(gè)這樣的團(tuán)體存在的時(shí)候夭问。這些團(tuán)體之間有的結(jié)盟,有的敵對(duì)曹铃,反之亦然缰趋。這讓人難以理解。
但是陕见,Slate網(wǎng)站通過(guò)表格的形式和熟悉的視覺(jué)表達(dá)秘血,將這些數(shù)據(jù)簡(jiǎn)化為一種簡(jiǎn)單的、易于理解和可交互的形式评甜。觀眾可以點(diǎn)擊任一張臉來(lái)查看雙方關(guān)系的簡(jiǎn)要描述直撤。
8:最有價(jià)值的運(yùn)動(dòng)隊(duì)
這是通過(guò)疊加數(shù)據(jù)來(lái)講述深層故事的一個(gè)典型例子。
這個(gè)交互由Column Five設(shè)計(jì)蜕着,受福布斯“2014年最具價(jià)值的運(yùn)動(dòng)隊(duì)50強(qiáng)”名單得到的啟發(fā)。但是它不僅將列表可視化红柱,用戶還可以通過(guò)它看到每支隊(duì)伍參賽的時(shí)間以及奪得總冠軍的數(shù)量承匣。這為各隊(duì)的歷史和成功提供了更全面的概況信息。
9:美國(guó)風(fēng)圖
下面是一個(gè)類似感恩節(jié)航班的可視化圖锤悄,除了圖中顯示的時(shí)刻韧骗,它還能實(shí)時(shí)顯示美國(guó)本土的風(fēng)速和風(fēng)向。
它是直觀設(shè)計(jì)的一個(gè)很好的案例:風(fēng)速用線條移動(dòng)的快慢來(lái)表示零聚,方向通過(guò)線條移動(dòng)的路徑來(lái)表示袍暴。它會(huì)即時(shí)顯示美國(guó)風(fēng)向的總體趨勢(shì),無(wú)需任何數(shù)字隶症,除非你在地圖上點(diǎn)擊鼠標(biāo)政模。另外,使用時(shí)設(shè)定最多兩個(gè)變量會(huì)使它更容易操作蚂会。
靜態(tài)數(shù)據(jù)可視化實(shí)例
10:政治新聞受眾渠道分布圖
據(jù)Pew研究中心稱淋样,當(dāng)設(shè)計(jì)師在信息內(nèi)容很多又不能刪的時(shí)候,他們通常會(huì)把信息放到數(shù)據(jù)表中胁住,以使其更緊湊趁猴。但是,他們?cè)谶@里使用分布圖來(lái)代替彪见。
為什么呢儡司?因?yàn)榉植紙D可以讓觀眾在頻譜上看到每個(gè)媒體的渠道。在分布圖上余指,每個(gè)媒體的渠道之間的距離尤為顯著捕犬。如果這些點(diǎn)僅僅是在表中列出,那么觀眾就無(wú)法看到每個(gè)渠道之間的對(duì)比效果。
11:著名創(chuàng)意人士的日程安排
這個(gè)數(shù)據(jù)可視化圖是用奇特的想法描繪出的一個(gè)簡(jiǎn)單概念或听。這個(gè)表格利用Mason Currey的《日常慣例》一書中的信息展示了那些著名創(chuàng)意人士的日程安排探孝,解讀其時(shí)間和活動(dòng)安排。這不僅是一個(gè)數(shù)據(jù)分析的例子(因?yàn)槟憧梢酝ㄟ^(guò)單獨(dú)的活動(dòng)來(lái)瀏覽日程安排)誉裆,也是一個(gè)品牌宣傳的佳作顿颅。
12:今年發(fā)生了哪些新聞?
最好的數(shù)據(jù)可視化方式,就是用直觀和美麗的方式傳達(dá)信息足丢。Echelon Insights致力于這一方式粱腻,將2014年Twitter上最受關(guān)注的新聞進(jìn)行了可視化。
1億8450萬(wàn)條推文是什么樣子斩跌?就是如下圖所示的藝術(shù)品绍些。
13:?jiǎn)栴}的深度
當(dāng)你想強(qiáng)調(diào)規(guī)模的時(shí)候,靜態(tài)數(shù)據(jù)可視化是表達(dá)你的觀點(diǎn)的極佳方式耀鸦。下面這張來(lái)自《華盛頓郵報(bào)》的信息圖長(zhǎng)得令人難以置信…這是故意的柬批。他們?cè)趫D中展示了一架飛機(jī)可以探測(cè)到的深海信號(hào)是多么的深,通過(guò)比較飛機(jī)的探測(cè)深度與高層建筑袖订、已知哺乳動(dòng)物的最大深度氮帐、泰坦尼克號(hào)沉船的深度等。這是簡(jiǎn)單的視覺(jué)效果和顏色梯度的極佳使用方式洛姑。
最后上沐,將數(shù)據(jù)添加到新聞報(bào)道中(文中為失蹤的馬航)是提供背景的好方式。
14:前沿預(yù)算
上述圖表相對(duì)簡(jiǎn)單楞艾,以下是創(chuàng)造設(shè)計(jì)精致的参咙、傳遞大量數(shù)據(jù)的圖表的方法。秘訣何在硫眯?——用簡(jiǎn)單和干凈的格式蕴侧,便于讀者理解數(shù)據(jù)。
這個(gè)由GOOD Magazine 和 Column Five制作的圖表两入,解讀了NASA的五年預(yù)算戈盈,顯示資金將怎么花、花在哪里谆刨。此外塘娶,它還有一個(gè)主題設(shè)計(jì),這真是一個(gè)全面成功的作品痊夭!
15:Kontakladen慈善年報(bào)
不是所有的數(shù)據(jù)可視化都需要用動(dòng)畫的形式來(lái)表達(dá)刁岸。當(dāng)現(xiàn)實(shí)世界的數(shù)據(jù)通過(guò)現(xiàn)實(shí)生活中的例子進(jìn)行可視化,結(jié)果會(huì)令人驚嘆她我。設(shè)計(jì)師Marion Luttenberger把包含在Kontakladen慈善年報(bào)中的數(shù)據(jù)以一種獨(dú)特的方法表現(xiàn)出來(lái)虹曙。
該組織為奧地利的吸毒者提供支持迫横,所以Luttenberger就通過(guò)現(xiàn)實(shí)生活中的視覺(jué)元素來(lái)宣傳他們的使命。例如酝碳,這輛購(gòu)物車的形象表現(xiàn)出受助者每一天可以負(fù)擔(dān)得起多少生活必需品矾踱。
16:奧地利太陽(yáng)能年報(bào)
雖然有許多方法都能使數(shù)據(jù)可視化,但是其中疏哗,使用真實(shí)信息主體去創(chuàng)建數(shù)據(jù)可視化作品的做法非常了不起呛讲。這份來(lái)自Austria Solar的年度報(bào)告,通過(guò)在頁(yè)面上使用太陽(yáng)光感墨水返奉,用真正的太陽(yáng)能給公司數(shù)據(jù)賦予生命贝搁。
一句話總結(jié):他們是天才。