數(shù)據(jù)可視化的16個(gè)經(jīng)典案例

[數(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)秫筏。

圖1 Why buses bunch

2:世界上的語(yǔ)言

這個(gè)由DensityDesign設(shè)計(jì)的互動(dòng)作品令人印象深刻诱鞠,它將世界上眾多(或者說(shuō),我們大多數(shù)人)語(yǔ)言用非語(yǔ)言的方法表現(xiàn)出來(lái)跳昼,一共有2678種般甲。

這件作品可以讓你瀏覽使用共同語(yǔ)言的家庭,看看哪些語(yǔ)言是最常用的鹅颊,并查看語(yǔ)言在世界各地的使用范圍敷存。這是一種了不起的視覺(jué)敘事方法:將一個(gè)有深度的主題用一種易于理解的方式進(jìn)行解讀。

圖2 languages in the world

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)容的傳播范圍孕锄。

圖3 人口變化

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)大咱。

圖4 球隊(duì)表現(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í)間。

圖5 Google Flights上的美國(guó)感恩節(jié)

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é)論十拣。

圖6 全球變暖

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)要描述直撤。

圖7-1 誰(shuí)和誰(shuí)在戰(zhàn)斗
圖7-2 雙方關(guā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ì)的歷史和成功提供了更全面的概況信息。

圖8 最有價(jià)值的運(yùn)動(dòng)隊(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ì)使它更容易操作蚂会。


圖9 美國(guó)風(fēng)圖

靜態(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ì)比效果。

圖10 受眾渠道分布圖

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è)品牌宣傳的佳作顿颅。

圖11 著名創(chuàng)意人士的日程

12:今年發(fā)生了哪些新聞?

最好的數(shù)據(jù)可視化方式,就是用直觀和美麗的方式傳達(dá)信息足丢。Echelon Insights致力于這一方式粱腻,將2014年Twitter上最受關(guān)注的新聞進(jìn)行了可視化。

1億8450萬(wàn)條推文是什么樣子斩跌?就是如下圖所示的藝術(shù)品绍些。

圖12 The year in news

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)道中(文中為失蹤的馬航)是提供背景的好方式。

圖13 問(wèn)題的深度

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è)全面成功的作品痊夭!

圖14 前沿預(yù)算

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)得起多少生活必需品矾踱。

圖15 Kontakladen慈善年報(bào)

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é):他們是天才。

圖16 太陽(yáng)能墨水
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末芽偏,一起剝皮案震驚了整個(gè)濱河市雷逆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌污尉,老刑警劉巖膀哲,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異被碗,居然都是意外死亡某宪,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門蛮放,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人奠宜,你說(shuō)我怎么就攤上這事包颁。” “怎么了压真?”我有些...
    開(kāi)封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵娩嚼,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我滴肿,道長(zhǎng)岳悟,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任泼差,我火速辦了婚禮贵少,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘堆缘。我一直安慰自己滔灶,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布吼肥。 她就那樣靜靜地躺著录平,像睡著了一般麻车。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上斗这,一...
    開(kāi)封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天动猬,我揣著相機(jī)與錄音,去河邊找鬼表箭。 笑死赁咙,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的燃逻。 我是一名探鬼主播序目,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼伯襟!你這毒婦竟也來(lái)了猿涨?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤姆怪,失蹤者是張志新(化名)和其女友劉穎叛赚,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體稽揭,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡俺附,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了溪掀。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片事镣。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖揪胃,靈堂內(nèi)的尸體忽然破棺而出璃哟,到底是詐尸還是另有隱情,我是刑警寧澤喊递,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布随闪,位于F島的核電站,受9級(jí)特大地震影響骚勘,放射性物質(zhì)發(fā)生泄漏铐伴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一俏讹、第九天 我趴在偏房一處隱蔽的房頂上張望当宴。 院中可真熱鬧,春花似錦泽疆、人聲如沸即供。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)逗嫡。三九已至青自,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間驱证,已是汗流浹背延窜。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工抹锄, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留逆瑞,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓伙单,卻偏偏與公主長(zhǎng)得像获高,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子吻育,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容