厭倦了靜態(tài)圖表，最近一直在看一些關于可以交互的數(shù)據(jù)可視化的案例，整理了一些有趣的交互式可視化的網(wǎng)站分享給大家。

創(chuàng)新互聯(lián)于2013年開始，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目網(wǎng)站設計、成都網(wǎng)站建設網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元宣化做網(wǎng)站,已為上家服務,為宣化各地企業(yè)和個人服務,聯(lián)系電話:028-86922220

1. Matt Daniels The Lasting Mark of Miles Davi

??

??

關于維基百科里提到“黑暗王子”邁爾斯·戴維斯的頁面次數(shù)統(tǒng)計，來證明這個音樂家留給后人關于音樂方面的遺產(chǎn)。滾動右邊的文字，左邊固定的數(shù)據(jù)圖也會根據(jù)內(nèi)容隨之變化顏色顯示。

原網(wǎng)址：http://polygraph.cool/miles/

2. Google chrome 瀏覽器小組網(wǎng)絡的演變

??

??

很帥的網(wǎng)絡技術演變的可視化圖表，用了很多交互的形式展示主流瀏覽器的演變技術發(fā)展;不同顏色的線條代表著不同的技術，不同的時間線段代表著不同瀏覽器的誕生、迭代、消亡。

原網(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ù)的高低變化，讓我喜愛的是當放大時看到地圖效果上的的細節(jié)處理。鼠標懸停在你想要看到的地方，會有關于此處早晚的具體分貝數(shù)以及主要造成分貝數(shù)的交通工具。

原網(wǎng)址：http://interaktiv.morgenpost.de/laermkarte-berlin/

5. IBM IBM Watson NewsExplore

“Kantar Information is Beautiful Awards 2016”獲獎作品，是IBM對新聞報道中事件的人物、組織、公司關聯(lián)熱度的統(tǒng)計，在進行交互的形式下更簡單、更好地捕捉到用戶自己想要顯示或隱藏的信息內(nèi)容，也會重點突出哪些熱門新聞提供給用戶。

原網(wǎng)址：news-explorer.mybluemix.net

6. Trump The new Republican center of gravity

川普在黨派中看看哪些政治家停留在支持他的軌道和哪些持反對。鼠標懸停在某個政治家的頭像上時，會有這個人的姓名以及他的態(tài)度，網(wǎng)頁下方會有政治家的態(tài)度以及判斷他態(tài)度的言語。這個可視化的有趣之處在于軌道中心的川普表情變化，當你鼠標懸停在支持他的軌道上，他是面帶笑容;當你鼠標在其他軌道上，他又會是另一個表情。

原網(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

直觀設計的一個很好的案例，它會即時顯示世界各地天氣的總體趨勢，以及風向的流動趨勢。左側(cè)是一些關于氣候的不同維度。例如選擇溫度，則右下角的不同顏色則會代表溫度從高到低的度數(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ù)赜慰偷哪陻?shù)量。

原網(wǎng)址：https://pt.airbnb.com/map?cdn_cn=1

9. David McCandless Who Old Are You?

??

??

這是一個與用戶自己相關的數(shù)據(jù)可視化，用戶通過輸入自己的出生日期，數(shù)據(jù)庫實時匹配相關圖列。正中間的黑色線是你現(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ù)可視化更多的是讓我們可以學習到對于數(shù)據(jù)的分析和呈現(xiàn)方式。

原網(wǎng)址：http://rhythm-of-food.net/

【本文是專欄機構“豈安科技”的原創(chuàng)文章，轉(zhuǎn)載請通過微信公眾號(bigsec)聯(lián)系原作者】

??

??

??戳這里，看該作者更多好文??

標題名稱：值得推薦的十大交互式可視化的網(wǎng)站
本文鏈接：http://uogjgqi.cn/article/coiceic.html