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




























