數(shù)據(jù)是非常強(qiáng)大的。當(dāng)然，如果你能真正理解它想告訴你的內(nèi)容，那它的強(qiáng)大之處就更能體現(xiàn)出來了。

Data can be very powerful. If you can actually understand what it's telling you, that is.

通過觀察數(shù)字和統(tǒng)計(jì)數(shù)據(jù)的轉(zhuǎn)換以獲得清晰的結(jié)論并不是一件容易的事。必須用一個(gè)合乎邏輯的、易于理解的方式來呈現(xiàn)數(shù)據(jù)。

It's not easy to get clear takeaways by looking at a slew of numbers and stats. You've got to have the data presented in a logical, easy-to-understand way.

談?wù)?a href='/map/shujukeshihua/' style='color:#000;font-size:inherit;'>數(shù)據(jù)可視化。人類的大腦對視覺信息的處理優(yōu)于對文本的處理——因此使用圖表、圖形和設(shè)計(jì)元素，數(shù)據(jù)可視化可以幫你更容易的解釋趨勢和統(tǒng)計(jì)數(shù)據(jù)。

Enter data visualization. The human brain processes visual information better than it processes text -- so using charts, graphs, and design elements, data visualization can help you explain trends and stats much more easily.

但是，并非所有的數(shù)據(jù)可視化是平等的。（點(diǎn)擊“為什么大多數(shù)人的圖表和圖形看起來像廢話”了解我想表達(dá)的意思）

那么，如何將數(shù)據(jù)組織起來，使其既有吸引力又易于理解?通過下面的16個(gè)有趣的例子獲得啟發(fā)，它們是既注重風(fēng)格和也注重內(nèi)容的數(shù)據(jù)可視化案例。

什么是數(shù)據(jù)可視化?

數(shù)據(jù)可視化是指將數(shù)據(jù)以視覺形式來呈現(xiàn)，如圖表或地圖，以幫助人們了解這些數(shù)據(jù)的意義。

文本形式的數(shù)據(jù)很混亂(更別提有多空洞了)，而可視化的數(shù)據(jù)可以幫助人們快速、輕松地提取數(shù)據(jù)中的含義。用可視化方式，您可以充分展示數(shù)據(jù)的模式，趨勢和相關(guān)性，而這些可能會(huì)在其他呈現(xiàn)方式難以被發(fā)現(xiàn)。

數(shù)據(jù)可視化可以是靜態(tài)的或交互的。幾個(gè)世紀(jì)以來，人們一直在使用靜態(tài)數(shù)據(jù)可視化，如圖表和地圖。交互式的數(shù)據(jù)可視化則相對更為先進(jìn)：人們能夠使用電腦和移動(dòng)設(shè)備深入到這些圖表和圖形的具體細(xì)節(jié)，然后用交互的方式改變他們看到的數(shù)據(jù)及數(shù)據(jù)的處理方式。

感到興奮了嗎?讓我們來看一些不錯(cuò)的交互和靜態(tài)數(shù)據(jù)可視化的例子。

交互數(shù)據(jù)可視化的實(shí)例

1)為什么會(huì)有“巴士群”現(xiàn)象

這里有一個(gè)關(guān)于復(fù)雜數(shù)據(jù)集的很好的例子，它看起來感覺像一個(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è)按鈕來使巴士延遲。然后，我們所要做的就是觀察一個(gè)短暫的延遲如何使巴士在一段時(shí)間以后聚集起來。

2)世界上的語言

這個(gè)由DensityDesign設(shè)計(jì)的互動(dòng)是個(gè)令人印象深刻的成果，它將世界上眾多(或者說，我們大多數(shù)人)的語言用非語言的方法表現(xiàn)出來。一共有2678種。

這件作品可以讓你瀏覽使用共同語言的家庭，看看哪些語言是最常用的，并查看語言在世界各地的使用范圍。這是一種了不起的視覺敘事方法：將一個(gè)有深度的主題用一種易于理解的方式解讀。

3)按年齡段分布的美國人口百分比

這是如何以令人信服的方式呈現(xiàn)一種單一的數(shù)據(jù)的好榜樣。Pew Research創(chuàng)造了這個(gè)GIF動(dòng)畫，顯示隨著時(shí)間推移的人口統(tǒng)計(jì)數(shù)量的變化。這是一個(gè)好方法，它將一個(gè)內(nèi)容較多的故事壓縮成了一個(gè)小的package。

此外，這種類型的微內(nèi)容很容易在社交網(wǎng)絡(luò)上分享或在博客中嵌入，擴(kuò)大了內(nèi)容的傳播范圍。如果你想自己用Photoshop做GIF，這里有一個(gè)詳細(xì)的教程。

4)NFL(國家橄欖球聯(lián)盟)的完整歷史

體育世界有著豐富的數(shù)據(jù)，但這些數(shù)據(jù)并不總是能有效地呈現(xiàn)(或者準(zhǔn)確的說，對于這個(gè)問題)。然而，F(xiàn)iveThirtyEight網(wǎng)站做的特別好。在下面這個(gè)交互式可視化評級中，他們計(jì)算所謂“等級分” – 根據(jù)比賽結(jié)果對球隊(duì)實(shí)力進(jìn)行簡單的衡量 – 在國家橄欖球聯(lián)盟史上的每一場比賽?？偣灿谐^30,000個(gè)評級。觀眾可以通過比較各個(gè)隊(duì)伍的等級來了解每個(gè)隊(duì)伍在數(shù)十年間的比賽表現(xiàn)。

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

下面是將一段時(shí)間內(nèi)在空中移動(dòng)的物體進(jìn)行可視化的好方法。這是由Google Trends驅(qū)動(dòng)的項(xiàng)目，它跟蹤感恩節(jié)前出發(fā)、到達(dá)和穿越美國的航班?？梢暬加诋?dāng)天很早的時(shí)間，隨著時(shí)間的推移，像播放電影一樣顯示在全國各地飛行中的航班。不需要顯示時(shí)間外的任何數(shù)字，觀眾即可以看到當(dāng)天哪段時(shí)間是國際航班、國內(nèi)航班以及往返于全國各地不同樞紐的航班的熱門時(shí)間。

6)是什么真正造成了全球變暖?

聽說過一種建議，“不要只簡單地展示數(shù)據(jù)，講個(gè)故事吧”?這正是彭博商業(yè)正在做的可視化 ——用互動(dòng)講述故事的來龍去脈。

此圖的關(guān)鍵點(diǎn)是要反駁用自然原因解釋全球變暖的理論。首先你會(huì)看到從1880年至今觀測到的溫度上升。當(dāng)你向下滾動(dòng)，這個(gè)可視化圖會(huì)讓你清楚的了解相較于已被觀測到的因素，造成全球變暖的不同因素到底有多少，使故事內(nèi)容更加豐富。作者希望觀眾能夠得到非常清晰的結(jié)論。

7)在敘利亞，誰和誰在戰(zhàn)斗

許多不同的團(tuán)體之間的關(guān)系可能很難理解 – 尤其是當(dāng)有11個(gè)這樣的團(tuán)體存在的時(shí)候，這些團(tuán)體之間有的結(jié)盟，有的敵對，反之亦然。這讓人難以理解。但是，Slate網(wǎng)站通過表格的形式和熟悉的視覺效果和色彩，將這些數(shù)據(jù)簡化為一種簡單的、易于理解和互動(dòng)的形式。

觀眾可以點(diǎn)擊任一張臉來查看雙方關(guān)系的簡要描述。

8)最有價(jià)值的運(yùn)動(dòng)隊(duì)

這是通過疊加數(shù)據(jù)來講述深層故事的一個(gè)例子。這個(gè)交互由Column Five設(shè)計(jì)，受福布斯“2014年最具價(jià)值的運(yùn)動(dòng)隊(duì)50強(qiáng)”名單得到的啟發(fā)。但是它不僅將列表可視化，用戶還可以通過它看到每支隊(duì)伍參賽的時(shí)間以及奪得總冠軍的數(shù)量。這為各隊(duì)的歷史和成功提供了更全面的看法。

9)美國風(fēng)圖

下面是是個(gè)類似感恩節(jié)航班的可視化圖，除了圖中顯示的時(shí)刻，它還能實(shí)時(shí)顯示美國本土的風(fēng)速和風(fēng)向。它是直觀設(shè)計(jì)的一個(gè)很好的案例：風(fēng)速用線條移動(dòng)的快慢來表示，方向通過線條移動(dòng)的路徑來表示。它會(huì)即時(shí)顯示美國風(fēng)向的總體趨勢，無需任何數(shù)字，除非你在地圖上點(diǎn)擊鼠標(biāo)。另外，使用時(shí)設(shè)定最多兩個(gè)變量會(huì)使它更容易操作。

靜態(tài)數(shù)據(jù)可視化實(shí)例

10)政治新聞受眾渠道分布圖

據(jù)Pew研究中心稱，通常，當(dāng)設(shè)計(jì)師在信息內(nèi)容很多又不能刪節(jié)的時(shí)候，他們通常會(huì)把信息放到數(shù)據(jù)表中，以使其更緊湊。但是，他們使用分布圖來代替。為什么呢?因?yàn)榉植紙D可以讓觀眾在頻譜上看到每個(gè)媒體的渠道。在分布圖上，每個(gè)媒體的渠道之間的距離尤為顯著。如果這些點(diǎn)僅僅是在表中列出，觀眾無法看到每個(gè)渠道之間的比較。

11)著名創(chuàng)意人士的日常慣例

這個(gè)數(shù)據(jù)的可視化圖是用奇特的想法描繪一個(gè)簡單的概念。這個(gè)表格利用Mason Currey的《日常慣例》一書中的信息展示了那些著名的創(chuàng)意人士的日程安排，解讀其時(shí)間和活動(dòng)安排。這不僅是一個(gè)操作數(shù)據(jù)的例子(因?yàn)槟憧梢酝ㄟ^單獨(dú)的活動(dòng)來瀏覽日程安排)，也是一個(gè)品牌宣傳的佳作。

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

最好的數(shù)據(jù)可視化方式，就是用直觀和美麗的方式傳達(dá)信息。Echelon Insights致力于這一方式，即將2014年Twitter上最受關(guān)注的新聞進(jìn)行可視化。1億8450萬條推文是什么樣子?如圖所示的藝術(shù)品。

13)問題的深度

當(dāng)你想強(qiáng)調(diào)規(guī)模的時(shí)候，靜態(tài)數(shù)據(jù)可視化是表達(dá)你的觀點(diǎn)的極佳方式。下面這張來自《華盛頓郵報(bào)》的信息圖長得令人難以置信…這是故意的。他們在圖中展示了一架飛機(jī)可以探測到的深海信號是多么的深，通過比較飛機(jī)的探測深度與高層建筑、已知哺乳動(dòng)物的最大深度、泰坦尼克號沉船的深度等。這是簡單的視覺效果和顏色梯度的極佳使用方式。最后，將數(shù)據(jù)添加到新聞報(bào)道(文中為失蹤的馬航)是提供背景的好方式。

14)Funding the Final Frontier

上述圖表相對簡單，以下是創(chuàng)造設(shè)計(jì)精致的、傳遞大量數(shù)據(jù)的圖標(biāo)方法。秘訣何在?用簡單的和干凈的格式，便于讀者理解數(shù)據(jù)。這個(gè)由GOOD Magazine 和 Column Five制作的圖表，解讀了NASA的五年預(yù)算，顯示資金將怎么花、花在哪里。此外，它有主題設(shè)計(jì)-一個(gè)全方位的勝利。

15)Kontakladen慈善年度報(bào)告

不是所有的數(shù)據(jù)可視化都需要用動(dòng)畫的形式來表達(dá)。當(dāng)現(xiàn)實(shí)世界的數(shù)據(jù)通過現(xiàn)實(shí)生活中的例子進(jìn)行可視化，結(jié)果會(huì)令人驚嘆。設(shè)計(jì)師Marion Luttenberger把包含在Kontakladen慈善年報(bào)中的數(shù)據(jù)以一種獨(dú)特的方法表現(xiàn)出來。該組織為奧地利的吸毒者提供支持，所以Luttenberger的使命就是通過真實(shí)的視覺來宣傳。例如，這輛購物車形象的表現(xiàn)了受助者每一天可以負(fù)擔(dān)得起多少生活必需品。

16)Austria Solar 年度報(bào)告

雖然有許多方法使數(shù)據(jù)視覺化，但是使用信息主題去真實(shí)創(chuàng)建數(shù)據(jù)可視化（注意了）意義重大。這份來自Austria Solar 的年度報(bào)告通過頁面上的太陽光感墨水用真正的太陽能賦予公司數(shù)據(jù)以生命。一句話：他們是天才。