值得推薦的十大交互式可視化的網(wǎng)站
厭倦了靜態(tài)圖表,最近一直在看一些關(guān)于可以交互的數(shù)據(jù)可視化的案例,整理了一些有趣的交互式可視化的網(wǎng)站分享給大家。
1. Matt Daniels The Lasting Mark of Miles Davi
?? 
關(guān)于維基百科里提到“黑暗王子”邁爾斯·戴維斯的頁面次數(shù)統(tǒng)計(jì),來證明這個(gè)音樂家留給后人關(guān)于音樂方面的遺產(chǎn)。滾動(dòng)右邊的文字,左邊固定的數(shù)據(jù)圖也會(huì)根據(jù)內(nèi)容隨之變化顏色顯示。
原網(wǎng)址:http://polygraph.cool/miles/
2. Google chrome 瀏覽器小組網(wǎng)絡(luò)的演變
?? 
很帥的網(wǎng)絡(luò)技術(shù)演變的可視化圖表,用了很多交互的形式展示主流瀏覽器的演變技術(shù)發(fā)展;不同顏色的線條代表著不同的技術(shù),不同的時(shí)間線段代表著不同瀏覽器的誕生、迭代、消亡。
原網(wǎng)址:http://www.evolutionoftheweb.com/?hl=zh-cn
3. Matan Stauber Histography
?? 
“Histography”是一個(gè)互動(dòng)的時(shí)間表,繪制了從大爆炸到2015年期間的歷史事件,數(shù)據(jù)收集來源是維基百科和網(wǎng)站本身的更新記錄。每個(gè)點(diǎn)代表一個(gè)事件,你也可以選擇看特定的時(shí)間或者特定的事件。
原網(wǎng)址:http://histography.io/
4. Berliner Morgenpost Larmkarte Berlin
?? 
基于柏林白天和夜晚噪音分貝的數(shù)據(jù)統(tǒng)計(jì),視覺上根據(jù)顏色的冷暖階梯表示分貝數(shù)的高低變化,讓我喜愛的是當(dāng)放大時(shí)看到地圖效果上的的細(xì)節(jié)處理。鼠標(biāo)懸停在你想要看到的地方,會(huì)有關(guān)于此處早晚的具體分貝數(shù)以及主要造成分貝數(shù)的交通工具。
原網(wǎng)址:http://interaktiv.morgenpost.de/laermkarte-berlin/
5. IBM IBM Watson NewsExplore
“Kantar Information is Beautiful Awards 2016”獲獎(jiǎng)作品,是IBM對(duì)新聞報(bào)道中事件的人物、組織、公司關(guān)聯(lián)熱度的統(tǒng)計(jì),在進(jìn)行交互的形式下更簡單、更好地捕捉到用戶自己想要顯示或隱藏的信息內(nèi)容,也會(huì)重點(diǎn)突出哪些熱門新聞提供給用戶。
原網(wǎng)址:news-explorer.mybluemix.net
6. Trump The new Republican center of gravity
川普在黨派中看看哪些政治家停留在支持他的軌道和哪些持反對(duì)。鼠標(biāo)懸停在某個(gè)政治家的頭像上時(shí),會(huì)有這個(gè)人的姓名以及他的態(tài)度,網(wǎng)頁下方會(huì)有政治家的態(tài)度以及判斷他態(tài)度的言語。這個(gè)可視化的有趣之處在于軌道中心的川普表情變化,當(dāng)你鼠標(biāo)懸停在支持他的軌道上,他是面帶笑容;當(dāng)你鼠標(biāo)在其他軌道上,他又會(huì)是另一個(gè)表情。
原網(wǎng)址:https://www.theguardian.com/us-news/ng-interactive/2016/may/14/who-supports-donald-trump-the-new-republican-center-of-gravity
7. InMeteo, s.r.o. The Ventusky
直觀設(shè)計(jì)的一個(gè)很好的案例,它會(huì)即時(shí)顯示世界各地天氣的總體趨勢(shì),以及風(fēng)向的流動(dòng)趨勢(shì)。左側(cè)是一些關(guān)于氣候的不同維度。例如選擇溫度,則右下角的不同顏色則會(huì)代表溫度從高到低的度數(shù),地圖就會(huì)根據(jù)位置的溫度來決定顯示什么顏色,呈現(xiàn)出色彩豐富、猶如油畫的可視化。
原網(wǎng)址:https://www.ventusky.com/?p=44;7;1&l=temperature
8. Airbnb Airbnb activities around the world
?? 
?? 
Airbnb制作的住宿交互地圖,地圖的視覺設(shè)計(jì)處理在所有常見地圖中比較特別,讓用戶在旅行前感到樂趣。用戶可以在地圖中選擇要去的地方,查看房源信息,以及當(dāng)?shù)赜慰偷哪陻?shù)量。
原網(wǎng)址:https://pt.airbnb.com/map?cdn_cn=1
9. David McCandless Who Old Are You?
?? 
這是一個(gè)與用戶自己相關(guān)的數(shù)據(jù)可視化,用戶通過輸入自己的出生日期,數(shù)據(jù)庫實(shí)時(shí)匹配相關(guān)圖列。正中間的黑色線是你現(xiàn)在的年齡,線上黑色的原點(diǎn)是你,數(shù)據(jù)圖縮到最小便是你的整個(gè)人生的歷程,其他的原點(diǎn)是別人在你這個(gè)年齡的時(shí)候有什么成就。
原網(wǎng)址:http://www.informationisbeautiful.net/visualizations/who-old-are-you/
10. Google News Lab The Rhythm of Food
?? 
?? 
谷歌通過搜索數(shù)據(jù)制作了多年來人們不同季節(jié)對(duì)食物和配方的愛好上升和下降的趨勢(shì),發(fā)現(xiàn)除了不同季節(jié)對(duì)食物需求的變化、不同國家對(duì)食物喜愛的時(shí)間也有不同、一些節(jié)日讓人們對(duì)食物歡迎度的增加等等。這個(gè)數(shù)據(jù)可視化更多的是讓我們可以學(xué)習(xí)到對(duì)于數(shù)據(jù)的分析和呈現(xiàn)方式。
原網(wǎng)址:http://rhythm-of-food.net/
【本文是51CTO專欄機(jī)構(gòu)“豈安科技”的原創(chuàng)文章,轉(zhuǎn)載請(qǐng)通過微信公眾號(hào)(bigsec)聯(lián)系原作者】
?? 




























