通過觀察數(shù)字和統(tǒng)計數(shù)據(jù)的轉(zhuǎn)換以獲得清晰的結(jié)論并不是一件容易的事。必須用一個合乎邏輯的、易于理解的方式來呈現(xiàn)數(shù)據(jù)。
談?wù)剶?shù)據(jù)可視化。人類的大腦對視覺信息的處理優(yōu)于對文本的處理——因此使用圖表、圖形和設(shè)計元素,數(shù)據(jù)可視化可以幫你更容易的解釋趨勢和統(tǒng)計數(shù)據(jù)。
但是,并非所有的數(shù)據(jù)可視化是平等的。(點擊“為什么大多數(shù)人的圖表和圖形看起來像廢話”了解我想表達的意思)
那么,如何將數(shù)據(jù)組織起來,使其既有吸引力又易于理解?通過下面的16個有趣的例子獲得啟發(fā),它們是既注重風格和也注重內(nèi)容的數(shù)據(jù)可視化案例。
什么是數(shù)據(jù)可視化?
數(shù)據(jù)可視化是指將數(shù)據(jù)以視覺形式來呈現(xiàn),如圖表或地圖,以幫助人們了解這些數(shù)據(jù)的意義。
文本形式的數(shù)據(jù)很混亂(更別提有多空洞了),而可視化的數(shù)據(jù)可以幫助人們快速、輕松地提取數(shù)據(jù)中的含義。用可視化方式,您可以充分展示數(shù)據(jù)的模式,趨勢和相關(guān)性,而這些可能會在其他呈現(xiàn)方式難以被發(fā)現(xiàn)。
數(shù)據(jù)可視化可以是靜態(tài)的或交互的。幾個世紀以來,人們一直在使用靜態(tài)數(shù)據(jù)可視化,如圖表和地圖。交互式的數(shù)據(jù)可視化則相對更為先進:人們能夠使用電腦和移動設(shè)備深入到這些圖表和圖形的具體細節(jié),然后用交互的方式改變他們看到的數(shù)據(jù)及數(shù)據(jù)的處理方式。
感到興奮了嗎?讓我們來看一些不錯的交互和靜態(tài)數(shù)據(jù)可視化的例子。
交互數(shù)據(jù)可視化的實例
1)為什么會有“巴士群”現(xiàn)象
這里有一個關(guān)于復雜數(shù)據(jù)集的很好的例子,它看起來感覺像一個游戲。在這個例子里,Setosa網(wǎng)站為我們呈現(xiàn)了“巴士群”現(xiàn)象是如何發(fā)生的,即,當一輛巴士被延遲,就會導致多輛巴士在同一時間到站。
只用數(shù)字講述這個故事是非常困難的,所以取而代之的是,他們把它變成一個互動游戲。當巴士沿著路線旋轉(zhuǎn)時,我們可以點擊并按住一個按鈕來使巴士延遲。然后,我們所要做的就是觀察一個短暫的延遲如何使巴士在一段時間以后聚集起來。
2)世界上的語言
這個由DensityDesign設(shè)計的互動是個令人印象深刻的成果,它將世界上眾多(或者說,我們大多數(shù)人)的語言用非語言的方法表現(xiàn)出來。一共有2678種。
這件作品可以讓你瀏覽使用共同語言的家庭,看看哪些語言是最常用的,并查看語言在世界各地的使用范圍。這是一種了不起的視覺敘事方法:將一個有深度的主題用一種易于理解的方式解讀。
3)按年齡段分布的美國人口百分比
這是如何以令人信服的方式呈現(xiàn)一種單一的數(shù)據(jù)的好榜樣。Pew Research創(chuàng)造了這個GIF動畫,顯示隨著時間推移的人口統(tǒng)計數(shù)量的變化。這是一個好方法,它將一個內(nèi)容較多的故事壓縮成了一個小的package。
此外,這種類型的微內(nèi)容很容易在社交網(wǎng)絡(luò)上分享或在博客中嵌入,擴大了內(nèi)容的傳播范圍。如果你想自己用Photoshop做GIF,這里有一個詳細的教程。
4)NFL(國家橄欖球聯(lián)盟)的完整歷史
體育世界有著豐富的數(shù)據(jù),但這些數(shù)據(jù)并不總是能有效地呈現(xiàn)(或者準確的說,對于這個問題)。然而,F(xiàn)iveThirtyEight網(wǎng)站做的特別好。在下面這個交互式可視化評級中,他們計算所謂“等級分” – 根據(jù)比賽結(jié)果對球隊實力進行簡單的衡量 – 在國家橄欖球聯(lián)盟史上的每一場比賽??偣灿谐^30,000個評級。觀眾可以通過比較各個隊伍的等級來了解每個隊伍在數(shù)十年間的比賽表現(xiàn)。
5)Google Flights 上的美國感恩節(jié)
下面是將一段時間內(nèi)在空中移動的物體進行可視化的好方法。這是由Google Trends驅(qū)動的項目,它跟蹤感恩節(jié)前出發(fā)、到達和穿越美國的航班??梢暬加诋斕旌茉绲臅r間,隨著時間的推移,像播放電影一樣顯示在全國各地飛行中的航班。不需要顯示時間外的任何數(shù)字,觀眾即可以看到當天哪段時間是國際航班、國內(nèi)航班以及往返于全國各地不同樞紐的航班的熱門時間。
6)是什么真正造成了全球變暖?
聽說過一種建議,“不要只簡單地展示數(shù)據(jù),講個故事吧”?這正是彭博商業(yè)正在做的可視化 ——用互動講述故事的來龍去脈。
此圖的關(guān)鍵點是要反駁用自然原因解釋全球變暖的理論。首先你會看到從1880年至今觀測到的溫度上升。當你向下滾動,這個可視化圖會讓你清楚的了解相較于已被觀測到的因素,造成全球變暖的不同因素到底有多少,使故事內(nèi)容更加豐富。作者希望觀眾能夠得到非常清晰的結(jié)論。
7)在敘利亞,誰和誰在戰(zhàn)斗
許多不同的團體之間的關(guān)系可能很難理解 – 尤其是當有11個這樣的團體存在的時候,這些團體之間有的結(jié)盟,有的敵對,反之亦然。這讓人難以理解。但是,Slate網(wǎng)站通過表格的形式和熟悉的視覺效果和色彩,將這些數(shù)據(jù)簡化為一種簡單的、易于理解和互動的形式。
觀眾可以點擊任一張臉來查看雙方關(guān)系的簡要描述。
8)最有價值的運動隊
這是通過疊加數(shù)據(jù)來講述深層故事的一個例子。這個交互由Column Five設(shè)計,受福布斯“2014年最具價值的運動隊50強”名單得到的啟發(fā)。但是它不僅將列表可視化,用戶還可以通過它看到每支隊伍參賽的時間以及奪得總冠軍的數(shù)量。這為各隊的歷史和成功提供了更全面的看法。
9)美國風圖
下面是是個類似感恩節(jié)航班的可視化圖,除了圖中顯示的時刻,它還能實時顯示美國本土的風速和風向。它是直觀設(shè)計的一個很好的案例:風速用線條移動的快慢來表示,方向通過線條移動的路徑來表示。它會即時顯示美國風向的總體趨勢,無需任何數(shù)字,除非你在地圖上點擊鼠標。另外,使用時設(shè)定最多兩個變量會使它更容易操作。
靜態(tài)數(shù)據(jù)可視化實例
10)政治新聞受眾渠道分布圖
據(jù)Pew研究中心稱,通常,當設(shè)計師在信息內(nèi)容很多又不能刪節(jié)的時候,他們通常會把信息放到數(shù)據(jù)表中,以使其更緊湊。但是,他們使用分布圖來代替。為什么呢?因為分布圖可以讓觀眾在頻譜上看到每個媒體的渠道。在分布圖上,每個媒體的渠道之間的距離尤為顯著。如果這些點僅僅是在表中列出,觀眾無法看到每個渠道之間的比較。
11)著名創(chuàng)意人士的日常慣例
這個數(shù)據(jù)的可視化圖是用奇特的想法描繪一個簡單的概念。這個表格利用Mason Currey的《日常慣例》一書中的信息展示了那些著名的創(chuàng)意人士的日程安排,解讀其時間和活動安排。這不僅是一個操作數(shù)據(jù)的例子(因為你可以通過單獨的活動來瀏覽日程安排),也是一個品牌宣傳的佳作。
12)今年發(fā)生了哪些新聞?
最好的數(shù)據(jù)可視化方式,就是用直觀和美麗的方式傳達信息。Echelon Insights致力于這一方式,即將2014年Twitter上最受關(guān)注的新聞進行可視化。1億8450萬條推文是什么樣子?如圖所示的藝術(shù)品。
13)問題的深度
當你想強調(diào)規(guī)模的時候,靜態(tài)數(shù)據(jù)可視化是表達你的觀點的極佳方式。下面這張來自《華盛頓郵報》的信息圖長得令人難以置信…這是故意的。他們在圖中展示了一架飛機可以探測到的深海信號是多么的深,通過比較飛機的探測深度與高層建筑、已知哺乳動物的最大深度、泰坦尼克號沉船的深度等。這是簡單的視覺效果和顏色梯度的極佳使用方式。最后,將數(shù)據(jù)添加到新聞報道(文中為失蹤的馬航)是提供背景的好方式。
14)Funding the Final Frontier
上述圖表相對簡單,以下是創(chuàng)造設(shè)計精致的、傳遞大量數(shù)據(jù)的圖標方法。秘訣何在?用簡單的和干凈的格式,便于讀者理解數(shù)據(jù)。這個由GOOD Magazine 和 Column Five制作的圖表,解讀了NASA的五年預算,顯示資金將怎么花、花在哪里。此外,它有主題設(shè)計-一個全方位的勝利。
15)Kontakladen慈善年度報告
不是所有的數(shù)據(jù)可視化都需要用動畫的形式來表達。當現(xiàn)實世界的數(shù)據(jù)通過現(xiàn)實生活中的例子進行可視化,結(jié)果會令人驚嘆。設(shè)計師Marion Luttenberger把包含在Kontakladen慈善年報中的數(shù)據(jù)以一種獨特的方法表現(xiàn)出來。該組織為奧地利的吸毒者提供支持,所以Luttenberger的使命就是通過真實的視覺來宣傳。例如,這輛購物車形象的表現(xiàn)了受助者每一天可以負擔得起多少生活必需品。
16)Austria Solar 年度報告
雖然有許多方法使數(shù)據(jù)視覺化,但是使用信息主題去真實創(chuàng)建數(shù)據(jù)可視化(注意了)意義重大。這份來自Austria Solar 的年度報告通過頁面上的太陽光感墨水用真正的太陽能賦予公司數(shù)據(jù)以生命。一句話:他們是天才。