50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警)

尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️

加入LINE好友

摘要:地圖逐漸展開,隨著時間線層層推進,輔助文字說明,很容易讓人沉浸在整個故事里,感同身受到被占據土地家庭的憤怒和無助。我也是最近才知道,很多媒體和公司是有專門的「數據科學」、「數據視覺化」部門或專屬職位的,比如Netflix,New York Times,Reuters,the Guardian,Wall Street Journal,The Economist。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第1張

這是求生記的第37篇文章

全文有4763字

最近在研究數據可視化,這篇文章算一個存檔吧。需要靈感了來翻一翻。

挑了五十多個特別棒的案例分享出來,基本上沒有重復的視覺表現形式。

我也是最近才知道,很多媒體和公司是有專門的「數據科學」、「數據視覺化」部門或專屬職位的,比如Netflix,New York Times,Reuters,the Guardian,Wall Street Journal,The Economist……等等

優秀的數據可視化是融動畫,互動性,講故事,多媒體於一體的,是藝術和科學的結合。

我還沒到那境界,就劃兩個重點:

1、數據本身不是最重要的,幫助人們更容易發現數據傳達的信息才是最重要的。

2、數據可視化不僅僅是媒體,也不只是搞數據的家夥的專利,每家想要表達的公司都需要。畢竟這是個讀「圖」甚至「視頻」的時代。

Embellishment can’t make up for lack of substance。修飾不能彌補內容的缺乏。

先講個故事吧

這是一條織了2018年一整年,每一行都代表絕望的圍巾

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第2張

照片上這條普普通通,看著技術並不高超的圍巾在eBay上賣了7550歐元,你敢信?

不是明星所有。

不屬於任何品牌。

但它卻有個名字,叫「火車晚點圍巾」,有1.5米長。

一位德國柏林女性每天織兩行,織了2018整整一年,織出了她對通勤火車晚點的絕望。

圍巾是用毛線顏色編碼的:

灰色代表當天工作通勤火車晚點低於5分鐘;

粉色代表5到30分鐘晚點;

紅色代表晚點超過30分鐘或者往返都晚了。

據說,德國政府終於開始重視這個問題了,2019年的目標是80%的準點率。說好的德國出了名的高效與準時呢??往日95%準點率的榮光已經不堪回首。

看得見的絕望。

這就是我覺得數據可視化最神奇的地方。

下面就是我收藏的五十多個案例了,多圖預警

有鏈接的建議PC端打開鏈接自行觀看,很多都是帶交互的,我的截圖真的只能表現出萬分之一。

講故事

一台天然氣鑽孔機占據了你的土地的感覺:無助。

地圖逐漸展開,隨著時間線層層推進,輔助文字說明,很容易讓人沉浸在整個故事里,感同身受到被占據土地家庭的憤怒和無助。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第3張

https://projects.propublica.org/graphics/wva

12個少年和他們的足球教練從迷宮般的洞穴成功獲救。這個洞離地表800-1000米,洞延伸長達10公里。所以標題叫「幸運十三」,沒錯了。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第4張

https://graphics.reuters.com/THAILAND-ACCIDENT-CAVE/0100711G258/index.html

同樣一個選題,the Guardian也做了,盡管也做了很多視覺處理,但我覺得他們輸了。。。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第5張

https://www.theguardian.com/world/ng-interactive/2018/jul/03/thailand-cave-rescue-where-were-the-boys-found-and-how-can-they-be-rescued

分析現象

僵屍粉的故事,中國有,美國也有。

典型虛假帳戶,短時期大量漲粉,且帳號註冊時間幾乎同時(紅色線條),都是作假的證據。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第6張

https://www.nytimes.com/interactive/2018/01/27/technology/social-media-bots.html

2018年11 月,美國眾議院女性議員數量打破了1992年歷史紀錄。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第7張

https://www.nytimes.com/interactive/2018/11/09/us/women-elected-midterm-elections.html

在英國10109家公司和公共機構中,有7853家的男性時薪中值高於女性。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第8張

https://www.theguardian.com/news/ng-interactive/2018/apr/05/women-are-paid-less-than-men-heres-how-to-fix-it

法國人口密集度。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第9張

英國無家可歸人數增長危機。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第10張

有錢人的世界。

在2008年至2017年間,倫敦7個行政區批准的地下室規劃中,有近1000個健身房、376個遊泳池、456家電影院、381家葡萄酒商店和酒窖等。。。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第11張

在醫療保健上花更多的錢並一定能活得更久。醫學的進步已經導致大多數富裕國家的醫療支出增加,壽命延長——除了美國。

紅線是美國。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第12張

對比類型

政府DNA:全世界不同國家的基尼系數,世界幸福指數,還有三十多個小指標。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第13張

https://govdna.frontwise.com/#layout/dna/country/WRL/x/32/y/5/z/8/a/0

不同城市的天氣記憶。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第14張

全球咖啡產地分布,咖啡特點。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第15張

歐洲不同國家數字經濟和社會指數,每根線代表一個國家。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第16張

不同國家男女的免費工作時長對比。

中日韓印這四個國家,非常突出啊

免費工作就是指那種在家忙活半天卻沒人付你錢的工作。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第17張

不同國家的人格特質對比。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第18張

音樂心情。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第19張

一百多年來,類型電影流行趨勢。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第20張

世界前50最暴力的城市。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第21張

MLB場館入座率。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第22張

不同國家森林覆蓋率

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第23張

比較世界前二十加密貨幣的價值和供應量。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第24張

https://public.tableau.com/en-us/s/gallery/cryptomarket

6家大型汽車製造商召回情況對比。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第25張

星際爭霸II玩家網路,不同顏色不同國家,點的大小代表比賽場次。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第26張

時間線:

亞馬遜如何成為全球最有價值的零售商。

其實它早不只是一個零售商了。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第27張

https://www.theguardian.com/technology/ng-interactive/2018/apr/24/bezoss-empire-how-amazon-became-the-worlds-biggest-retailer

Bruce Springsteen的音樂專輯歷史。

每片樹葉和每顆果實都有更多細節。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第28張

http://duelingdatalarge.blogspot.com/2018/08/history-of-bruce-springsteen.html

雞尾酒的歷史,分類。

點擊每個酒杯圖標是能看到配方的。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第29張

美國總統史。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第30張

《魔戒》人物故事線。

白甘道夫在故事線上反復橫跳。。。。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第31張

幾個世紀以來的方尖碑 (僅10米高以上,不算底座),其中第一行包含「古代」方尖碑,其他兩行包含「現代」方尖碑。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第32張

Jazz發展歷程。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第33張

化學元素周期表的演變過程和重要影響人物。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第34張

https://vis.sciencemag.org/periodic-table/

概念

複雜概念如區塊鏈的解釋。

原文真解釋得挺清楚的。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第35張

http://graphics.reuters.com/TECHNOLOGY-BLOCKCHAIN/010070P11GN/index.html

《權利的遊戲》的語言世界。

Dany/Jon Snow/Cersei的典型用詞。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第36張

拉面,還有發展歷程。

可愛。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第37張

Dashboard

2018年世界盃dashboard。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第38張

不同州財政狀況一覽。

左邊那個地圖狀的排列是用來選不同州的。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第39張

十大最有價值明星分析。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第40張

FIFA19頂級球員技能點分析。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第41張

數字具象化

這是一幅樹狀圖,畫在36 x 60英寸的畫布上,描繪了畢加索12個主要主題的8000幅作品。信息密度非常高,堪稱一件藝術品。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第42張

https://www.nationalgeographic.com/magazine/2018/05/genius-picasso-art-categories-infographic/

2018年9月,氣象頻道在電視直播中用混合現實展示了佛羅倫薩颶風帶來的洪水上漲的危險。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第43張

https://www.wired.com/story/weather-channel-hurricane-florence-storm-surge-graphic/

一個時鐘app。

點進這個網站感覺可以看很久。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第44張

https://hellosunapp.com/

Snapchat,Instagram這類App的《服務條款》,如果一個人每分鐘閱讀200個單詞,平均要花60分鐘才能讀完一家的條款。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第45張

視角不停切換,固有規模跟變化視角的規模作對比。

美國土地使用情況。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第46張

https://www.bloomberg.com/graphics/2018-us-land-use/

視覺比喻。

200年美國移民變遷史,可以看出來,亞洲拉美在崛起,歐洲保持穩定

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第47張

https://www.nationalgeographic.com/culture/2018/07/graphic-united-states-immigration-origins-rings-tree-culture/

2018年8月23日的NASA視角看地球。

乍一看平平無奇,讀懂了就很過癮。顏色是用算法算出來的,不是真的是這個色。

藍色代表海鹽,紫色代表灰塵,紅色代表黑炭顆粒。

那一天,北美和非洲上空飄浮著巨大的煙柱,太平洋上翻騰著三股不同的熱帶氣旋,非洲和亞洲的沙漠上空飄浮著大片的沙塵。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第48張

https://earthobservatory.nasa.gov/images/92654/just-another-day-on-aerosol-earth

印度2016年向警方報案的173,608起強姦案件的進展。每一個司法系統中登記在案的強姦案件都是一個紅點。大部分都一直在等待,結案的非常少。

這個圖強烈建議看原動態效果,真實,美,殘酷。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第49張

https://adityajain15.github.io/Rape_In_India/

荷蘭火車時刻表,2018年12月14日。

基本假設是:當火車從出發站駛往終點站的過程中,兩個站的距離會拉近。而如果一個站連接了不同線路,會導致這個站被多條線路的力量拉扯。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第50張

http://tulpinteractive.com/on-time-every-time/

好萊塢真人真事改編電影逐幀拆解,越紅越假,越藍越真。

看這細節,跪了。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第51張

https://informationisbeautiful.net/visualizations/based-on-a-true-true-story/

根據個人預測,調整不同群體投票選擇,實時看效果。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第52張

https://www.theguardian.com/politics/ng-interactive/2018/nov/15/can-you-get-mays-brexit-deal-through-parliament

不同情緒的配比和聲音,有點好玩。

可以點進去玩一玩。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第53張

https://s3-us-west-1.amazonaws.com/vocs/map.html#

最開腦洞的應用:遺傳算法改造平面圖

這是一個實驗研究項目,試圖探索優化某小學平面布局。不同房間和預期人流被賦予一個遺傳算法,試圖最小化步行時間,提高走廊利用率等等。純粹出於優化目的,不考慮可施工性。最後的平面圖是根據賦予的遺傳編碼「生長」而成。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第54張

http://www.joelsimon.net/evo_floorplans.html

這個算一些使用工具大集合。

優秀的作品都是超出了這張表的,但這是基礎。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第55張50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第56張

持續研究中的to B

B端行銷C端化,四種可能的B2B”單品”化路線假設

To B用戶畫像怎麼做?5大影響因素是?跟to C區別?

跟行銷漏鬥徹底說byebye,HubSpot提出flywheel飛輪模型和落地路徑

不跟蹤指標,不免費,ToB公司Ahrefs照樣年增長率65%

Shopify教你每天從競爭對手手里偷1個客戶

100美金也能做的病毒行銷與MailChimp高付費轉化率

你也許有興趣

9012年了,刻舟求劍的市場人,還能到對岸嗎?

所有公司都是數據公司,5種數據變現途徑。

50+我收躲的數據可視化案例與一條名叫火車晚點的領巾(多圖預警) 科技 第57張

About 尋夢園
尋夢園是台灣最大的聊天室及交友社群網站。 致力於發展能夠讓會員們彼此互動、盡情分享自我的平台。 擁有數百間不同的聊天室 ,讓您隨時隨地都能找到志同道合的好友!