什么是數據可視化?
數(shu)(shu)據(ju)(ju)(ju)可(ke)(ke)(ke)(ke)視(shi)(shi)(shi)化是(shi)指(zhi)將數(shu)(shu)據(ju)(ju)(ju)以視(shi)(shi)(shi)覺(jue)的(de)(de)(de)形(xing)式(shi)(shi)(shi)來(lai)呈(cheng)現(xian),如圖(tu)表(biao)或(huo)地(di)(di)圖(tu),以幫助人們(men)(men)了解這(zhe)(zhe)些(xie)(xie)數(shu)(shu)據(ju)(ju)(ju)的(de)(de)(de)意義。通過觀察數(shu)(shu)字(zi)、統(tong)計數(shu)(shu)據(ju)(ju)(ju)的(de)(de)(de)轉換以獲得清晰的(de)(de)(de)結(jie)論并不是(shi)一件(jian)容(rong)易的(de)(de)(de)事。而人類大腦對(dui)視(shi)(shi)(shi)覺(jue)信息的(de)(de)(de)處理優于對(dui)文本的(de)(de)(de)處理——因此使用(yong)圖(tu)表(biao)、圖(tu)形(xing)和(he)(he)設計元素,數(shu)(shu)據(ju)(ju)(ju)可(ke)(ke)(ke)(ke)視(shi)(shi)(shi)化可(ke)(ke)(ke)(ke)以幫你更(geng)容(rong)易的(de)(de)(de)解釋數(shu)(shu)據(ju)(ju)(ju)模式(shi)(shi)(shi)、趨勢、統(tong)計數(shu)(shu)據(ju)(ju)(ju)和(he)(he)數(shu)(shu)據(ju)(ju)(ju)相關性,而這(zhe)(zhe)些(xie)(xie)內(nei)容(rong)在其他(ta)呈(cheng)現(xian)方(fang)式(shi)(shi)(shi)下可(ke)(ke)(ke)(ke)能(neng)難以被發現(xian)。數(shu)(shu)據(ju)(ju)(ju)可(ke)(ke)(ke)(ke)視(shi)(shi)(shi)化可(ke)(ke)(ke)(ke)以是(shi)靜態(tai)的(de)(de)(de)或(huo)交(jiao)互(hu)的(de)(de)(de)。幾個世(shi)紀(ji)以來(lai),人們(men)(men)一直(zhi)在使用(yong)靜態(tai)數(shu)(shu)據(ju)(ju)(ju)可(ke)(ke)(ke)(ke)視(shi)(shi)(shi)化,如圖(tu)表(biao)和(he)(he)地(di)(di)圖(tu)。交(jiao)互(hu)式(shi)(shi)(shi)的(de)(de)(de)數(shu)(shu)據(ju)(ju)(ju)可(ke)(ke)(ke)(ke)視(shi)(shi)(shi)化則相對(dui)更(geng)為先進:人們(men)(men)能(neng)夠使用(yong)電(dian)腦和(he)(he)移動設備深(shen)入到(dao)這(zhe)(zhe)些(xie)(xie)圖(tu)表(biao)和(he)(he)圖(tu)形(xing)的(de)(de)(de)具體細(xi)節,然后用(yong)交(jiao)互(hu)的(de)(de)(de)方(fang)式(shi)(shi)(shi)改變他(ta)們(men)(men)看(kan)到(dao)的(de)(de)(de)數(shu)(shu)據(ju)(ju)(ju)及數(shu)(shu)據(ju)(ju)(ju)的(de)(de)(de)處理方(fang)式(shi)(shi)(shi)。
數據可視化案例1:世界上的語言
這(zhe)(zhe)個(ge)由DensityDesign設計的(de)(de)互動作品令(ling)人(ren)印象深刻,它將世界上眾多(或者說,我(wo)們大多數人(ren))語(yu)(yu)(yu)言(yan)用(yong)非語(yu)(yu)(yu)言(yan)的(de)(de)方法(fa)表現出來,一(yi)共(gong)有(you)2678種。這(zhe)(zhe)件作品可以讓你瀏覽使用(yong)共(gong)同(tong)語(yu)(yu)(yu)言(yan)的(de)(de)家庭,看(kan)(kan)看(kan)(kan)哪些語(yu)(yu)(yu)言(yan)是(shi)(shi)最常用(yong)的(de)(de),并(bing)查看(kan)(kan)語(yu)(yu)(yu)言(yan)在世界各地的(de)(de)使用(yong)范圍。這(zhe)(zhe)是(shi)(shi)一(yi)種了不起(qi)的(de)(de)視覺敘事方法(fa):將一(yi)個(ge)有(you)深度的(de)(de)主題用(yong)一(yi)種易于(yu)理解(jie)的(de)(de)方式(shi)進行(xing)解(jie)讀。
數據可視化案例2:美國人口按年齡段分布
應該用(yong)什么方式去呈現一種單一的(de)(de)數(shu)據(ju)?這(zhe)是(shi)一個(ge)令(ling)人(ren)信(xin)服(fu)的(de)(de)好榜樣。Pew Research創造(zao)了這(zhe)個(ge)GIF動畫(hua),顯示人(ren)口(kou)統(tong)計數(shu)量隨(sui)著時間推移的(de)(de)的(de)(de)變化。這(zhe)是(shi)一個(ge)好方法,它將一個(ge)內(nei)容較多(duo)的(de)(de)故事壓縮成了一個(ge)小(xiao)的(de)(de)動圖(tu)包(bao)。此外,這(zhe)種類型的(de)(de)微內(nei)容很容易在(zai)社(she)交網絡上分享或在(zai)博客(ke)中嵌(qian)入,擴(kuo)大(da)了內(nei)容的(de)(de)傳(chuan)播范圍(wei)。
數據可視化案例3:全球變暖的主因
我們都知(zhi)道(dao),“不要(yao)只簡單地展示數據,講個故(gu)事(shi)吧(ba)”。這正(zheng)是(shi)(shi)彭博商(shang)業正(zheng)在(zai)做的(de)可(ke)視(shi)化 ——用互動的(de)方(fang)式來(lai)講述(shu)故(gu)事(shi)的(de)來(lai)龍去脈。。此圖的(de)關鍵是(shi)(shi)要(yao)反駁(bo)用自然(ran)原因(yin)解釋全球變暖(nuan)的(de)理論。首先你會看到(dao)(dao)從1880年(nian)至今觀(guan)測到(dao)(dao)的(de)溫度(du)上(shang)升情況。為了使故(gu)事(shi)內容更加豐富(fu),當你向下(xia)滾(gun)動時,這個可(ke)視(shi)化圖會讓(rang)你清(qing)楚的(de)了解到(dao)(dao)相較于已被觀(guan)測到(dao)(dao)的(de)因(yin)素(su),造成全球變暖(nuan)的(de)不同因(yin)素(su)到(dao)(dao)底有多少。作者希(xi)望觀(guan)眾能夠得到(dao)(dao)非(fei)常(chang)清(qing)晰的(de)結論。
數據可視化案例4:在敘利亞,誰和誰在戰斗?
許(xu)多不同的(de)團體之間的(de)關系(xi)可能令人(ren)很難(nan)理解 – 尤(you)其是(shi)當有11個這(zhe)樣的(de)團體存在的(de)時候。這(zhe)些團體之間有的(de)結盟,有的(de)敵對,反之亦然。這(zhe)讓人(ren)難(nan)以理解。但是(shi),Slate網(wang)站(zhan)通過表格(ge)的(de)形式和熟悉的(de)視覺表達,將這(zhe)些數據簡(jian)化為一(yi)(yi)種簡(jian)單(dan)的(de)、易(yi)于理解和可交互的(de)形式。觀眾(zhong)可以點擊任一(yi)(yi)張臉來查看雙方(fang)關系(xi)的(de)簡(jian)要描述。
數據可視化案例5:U.S. Gun Deaths
“U.S. Gun Deaths”是(shi)之前(qian)系列(lie)文(wen)章中出(chu)現過(guo)的(de)(de)(de)美國因(yin)槍(qiang)支(zhi)而死亡(wang)的(de)(de)(de)人的(de)(de)(de)網(wang)站。在(zai)這個案例中,每一條線(xian)的(de)(de)(de)灰色代表是(shi)一個人原來可以活到多少歲,但因(yin)為(wei)槍(qiang)支(zhi)卻提前(qian)死亡(wang)了,死之前(qian)用桔色表現。一開始只是(shi)一兩條線(xian)來讓(rang)用戶說明線(xian)條的(de)(de)(de)含義,然(ran)后突(tu)然(ran)加快速度若干線(xian)線(xian)條一起出(chu)現,每條線(xian)條的(de)(de)(de)顏色匯集在(zai)一起,從而直觀的(de)(de)(de)表現出(chu)因(yin)為(wei)槍(qiang)支(zhi)死亡(wang)的(de)(de)(de)是(shi)中青年。
可以想象如果只是用簡單一些折(zhe)線圖來表現,對觀看(kan)者(zhe)的觸動(dong)就沒到現在這些大,從而達(da)不到提醒人們(men)對槍支管(guan)理(li)進行反思的意義(yi)。
數據可視化案例6:為什么會有“巴士群”現象
這(zhe)(zhe)里有一(yi)(yi)個(ge)(ge)關于復雜(za)數(shu)(shu)據集的(de)(de)很好的(de)(de)例(li)子,它(ta)看(kan)起來(lai)感覺像一(yi)(yi)個(ge)(ge)游(you)戲。在這(zhe)(zhe)個(ge)(ge)例(li)子里,Setosa網站(zhan)為我們(men)(men)(men)呈現了(le)“巴(ba)士(shi)群”現象是(shi)如何發生的(de)(de),即(ji)當一(yi)(yi)輛(liang)巴(ba)士(shi)被延(yan)遲(chi),就會(hui)導致(zhi)多輛(liang)巴(ba)士(shi)在同一(yi)(yi)時(shi)間到站(zhan)。只用數(shu)(shu)字講述這(zhe)(zhe)個(ge)(ge)故事是(shi)非常困(kun)難的(de)(de),所(suo)以取而代(dai)之的(de)(de)是(shi),他(ta)們(men)(men)(men)把它(ta)變成(cheng)一(yi)(yi)個(ge)(ge)互(hu)動游(you)戲。當巴(ba)士(shi)沿著路線旋轉時(shi),我們(men)(men)(men)可以點擊并按(an)住一(yi)(yi)個(ge)(ge)按(an)鈕(niu)來(lai)使(shi)巴(ba)士(shi)延(yan)遲(chi)。然后,我們(men)(men)(men)所(suo)要做的(de)(de)就是(shi)觀察(cha)一(yi)(yi)個(ge)(ge)短(duan)暫的(de)(de)延(yan)遲(chi)如何使(shi)巴(ba)士(shi)在一(yi)(yi)段時(shi)間以后聚集起來(lai)。
數據可視化案例7:今年發生了哪些新聞?
最(zui)好的數據可(ke)視(shi)化方式(shi),就是(shi)用直觀和美(mei)麗的方式(shi)傳達信息。Echelon Insights致力于這一(yi)方式(shi),將2014年Twitter上最(zui)受關注的新聞進(jin)行了可(ke)視(shi)化。
1億8450萬(wan)條推文(wen)是什(shen)么樣子?就是如下(xia)圖所(suo)示的藝術品。
數據可視化案例8:Listen to Wikipedia
“Listen to Wikipedia”是對維基百科(ke)最近更新數(shu)據的(de)視覺和聲音(yin)展示(shi)網站。用聲音(yin)表示(shi)增加或刪除詞,不(bu)同(tong)的(de)音(yin)調代表不(bu)同(tong)的(de)編(bian)輯量。綠色圓(yuan)圈表示(shi)未注冊的(de)貢(gong)獻者(zhe)在編(bian)輯,紫色圓(yuan)圈表示(shi)自(zi)動機(ji)器人在編(bian)輯。所有(you)的(de)用戶都會產(chan)生一些小噪音(yin),而(er)每個編(bian)輯者(zhe)會有(you)一個特別(bie)的(de)聲音(yin)。
用聲音來(lai)對數據進行展(zhan)示就(jiu)是本站的(de)亮點,通過在這里聆聽(ting)這些聲音,那么再(zai)在維(wei)基百科貢獻時就(jiu)不(bu)會再(zai)感覺到(dao)孤獨(du)。更可以吸引新(xin)的(de)貢獻者參與到(dao)編輯(ji)工作中來(lai)。
數據可視化案例9:The Evolution of Music Taste
“The Evolution of Music Taste”反應歐美從1958到2016年最(zui)流行5首歌變(bian)化情況的(de)(de)網站。在傳統的(de)(de)折(zhe)線圖上加(jia)入歌手榜單的(de)(de)動態變(bian)化,隨著榜單變(bian)化,第一名的(de)(de)歌曲也會(hui)變(bian)化。用戶聽著音樂(le)聲(sheng),回憶著一首首老歌,再聽一聽新(xin)歌,對音樂(le)和時間(jian)變(bian)化的(de)(de)關系更加(jia)理解深刻。
榜單變化(hua)本是(shi)一個(ge)簡(jian)單的(de)事(shi),但加(jia)入了TOP1音樂做為背景,并隨時間產(chan)生(sheng)相(xiang)應變化(hua)。則就是(shi)非常有(you)意思(si)的(de)事(shi)了,更加(jia)令人(ren)印象深刻。
數據可視化案例10:Migration in the Census and in the News
“Migration in the Census and in the News”是牛(niu)津(jin)移民(min)觀察站(zhan)(zhan)為了展示2011年英國移民(min)數(shu)據情(qing)況的網站(zhan)(zhan),這里(li)的數(shu)據從相關新聞中(zhong)提取(qu)。做本站(zhan)(zhan)的意義在于他們想表達支持(chi)關于移民(min)的平衡(heng)討論的立場。
可以(yi)看(kan)出里對數(shu)據的(de)表現非常直觀,而(er)不(bu)是讓人(ren)看(kan)到(dao)聽到(dao)的(de)冷冰冰的(de)數(shu)字,在一開始(shi)的(de)動畫(hua)就可以(yi)看(kan)到(dao)約有七百萬移民從不(bu)同國(guo)家來到(dao)英國(guo)。隨后用動態的(de)小點來展示(shi)英國(guo)各(ge)個地(di)區移民數(shu)據的(de)情況(kuang)。
數據可視化案例11:The Refugee Project
“The Refugee Project”是(shi)闡(chan)述難(nan)(nan)民(min)(min)問題的網站,展示難(nan)(nan)民(min)(min)的時(shi)間和(he)地點,以及他們背后(hou)政(zheng)治、經濟和(he)社會的復雜(za)故事(shi)。通過將歷史背景融入(ru)到到移(yi)民(min)(min)的數據變化中(zhong),表達每次危(wei)機對人(ren)類生活(huo)的影響。
通過(guo)一開始的數據變化,我們(men)可以(yi)(yi)發現(xian)難(nan)民數據竟然是上(shang)升的,僅2000年到2006年數據下降(jiang)了(le),這說(shuo)明(ming)這個(ge)世界(jie)并不太平。通過(guo)點(dian)擊我們(men)可以(yi)(yi)發現(xian)為了(le)避難(nan),有(you)的人甚至(zhi)跨過(guo)了(le)半個(ge)地球。
數據可視化案例12:Commonwealth War Dead: First World War Visualised
“Commonwealth War Dead: First World War Visualised”描繪了第一次世界大戰(zhan)(zhan)期間(jian)英(ying)國因戰(zhan)(zhan)爭死亡人(ren)員的數(shu)據(ju)。試圖通過可視化(hua)的方式來表現戰(zhan)(zhan)爭的殘酷(ku)。
長長的(de)(de)橫向(xiang)滾動(dong),在(zai)瀏(liu)覽時,我(wo)們可以看到(dao)隨著戰爭(zheng)的(de)(de)進行,死亡的(de)(de)人數在(zai)不斷增加,讓我(wo)們不要忘記歷史(shi)。
數據可視化案例13:Histography
“Histography”是一(yi)個跨越140億(yi)年歷(li)史的交(jiao)互式時間表,從(cong)大爆(bao)炸到2017年。該網站(zhan)每天(tian)從(cong)維基百科(ke)和自動更新中抽取歷(li)史事(shi)件,并記錄新的事(shi)件。用戶可以(yi)選(xuan)擇(ze)觀(guan)看在特定(ding)時間段內(nei)發生的各種(zhong)事(shi)件。
不同于一般時間軸表(biao)現(xian)方(fang)式,這個頁(ye)面(mian)用(yong)非(fei)常多的(de)小方(fang)點來(lai)表(biao)示事件,通過在(zai)縱向維度(du)上的(de)堆砌,表(biao)現(xian)某一時間段的(de)事件。而在(zai)頁(ye)面(mian)縮放時,小方(fang)點們動態的(de)變(bian)化也(ye)顯的(de)非(fei)常有趣(qu)。
數據可視化案例14:Shipmap.org
“Shipmap.org”基于2012年以(yi)來(lai)所有(you)商業航運(yun)而(er)繪制的地(di)(di)圖(tu),目的是為(wei)用戶展示現代(dai)商業航運(yun)的巨(ju)(ju)大規模,以(yi)及巨(ju)(ju)型船只在世界各(ge)地(di)(di)的路(lu)線,還(huan)有(you)不同類型的貨船的地(di)(di)域分布和他們生(sheng)產的二氧化碳。
這個網站把所有船舶(bo)都展示(shi)了出來,而(er)且(qie)還可(ke)以隨著時間而(er)移動(dong),動(dong)態的(de)(de)展示(shi)一兩個船舶(bo)的(de)(de)移動(dong)不能,難就(jiu)難在所有船舶(bo)的(de)(de)移動(dong)都展示(shi)了。而(er)且(qie)還有帶(dai)背景音(yin)樂的(de)(de)內(nei)容介紹,以及地圖(tu)的(de)(de)說明性游(you)覽。
數據可視化案例15:Notabilia
“Notabilia”分析(xi)和(he)可視化了維基百科中(zhong)爭議(yi)性條目(mu)的討論(lun)情況。這里展示(shi)出最長(chang)的100個討論(lun)。
這(zhe)里創(chuang)意的(de)(de)用樹(shu)的(de)(de)形式來展示這(zhe)些討論(lun)。當用戶對條(tiao)目建議保留、合并(bing)或重(zhong)定向(xiang)(xiang)時,會添加用向(xiang)(xiang)左傾斜的(de)(de)綠色線條(tiao)。而用戶建議刪(shan)除條(tiao)目時,會添加向(xiang)(xiang)右傾斜的(de)(de)紅色線條(tiao)。而隨(sui)著討論(lun)的(de)(de)進行(xing),線條(tiao)的(de)(de)長度以及角度會慢(man)(man)慢(man)(man)衰減(jian)。
數據可視化案例16:The Network Behind the Cosmic Web
“The Network Behind the Cosmic Web”使用來(lai)自24000多個(ge)(ge)星(xing)系的數(shu)據來(lai)構建宇(yu)宙網絡的多個(ge)(ge)模型(xing),為星(xing)系融(rong)合(he)提供了復雜的藍圖。
用3D交(jiao)互(hu)式可視化可以幫助我們(men)更好的(de)想象宇宙網絡(luo),更方便展(zhan)示模型之間的(de)差異,讓我們(men)深入了解宇宙的(de)基本結構。
數據可視化案例17:問題的深度
當你(ni)想強調(diao)規模的(de)時(shi)候,靜態數據可視化是(shi)表達(da)你(ni)的(de)觀點的(de)極(ji)佳(jia)方(fang)式(shi)(shi)。下面(mian)這張(zhang)來自(zi)《華盛(sheng)頓郵報(bao)》的(de)信(xin)息圖長(chang)得(de)令(ling)人難以(yi)置信(xin)…這是(shi)故意的(de)。他(ta)們在圖中(zhong)展(zhan)示了(le)一架飛(fei)機可以(yi)探測到(dao)的(de)深(shen)(shen)海(hai)信(xin)號(hao)是(shi)多(duo)么的(de)深(shen)(shen),通過比(bi)較飛(fei)機的(de)探測深(shen)(shen)度(du)與(yu)高層建筑、已知哺乳動物的(de)最大深(shen)(shen)度(du)、泰坦尼克號(hao)沉船的(de)深(shen)(shen)度(du)等。這是(shi)簡(jian)單的(de)視覺(jue)效果(guo)和顏色梯度(du)的(de)極(ji)佳(jia)使用方(fang)式(shi)(shi)。最后,將數據添加到(dao)新聞(wen)報(bao)道中(zhong)(文(wen)中(zhong)為失蹤(zong)的(de)馬航)是(shi)提供背景的(de)好(hao)方(fang)式(shi)(shi)。