值得推薦的十大互動式可視化的網站

厭倦了靜態圖表，最近一直在看一些關於可以交互的數據可視化的案例，整理了一些有趣的互動式可視化的網站分享給大家。

The Lasting Mark of Miles Davi

關於維基百科里提到「黑暗王子」邁爾斯·戴維斯的頁面次數統計，來證明這個音樂家留給後人關於音樂方面的遺產。滾動右邊的文字，左邊固定的數據圖也會根據內容隨之變化顏色顯示。

原網址：

02

網路的演變

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

原網址：http://www.evolutionoftheweb.com/?hl=zh-cn

03

Histography

「Histography」是一個互動的時間表，繪製了從大爆炸到2015年期間的歷史事件，數據收集來源是維基百科和網站本身的更新記錄。每個點代表一個事件，你也可以選擇看特定的時間或者特定的事件。

原網址：

04

Larmkarte Berlin

基於柏林白天和夜晚噪音分貝的數據統計，視覺上根據顏色的冷暖階梯表示分貝數的高低變化，讓我喜愛的是當放大時看到地圖效果上的的細節處理。滑鼠懸停在你想要看到的地方，會有關於此處早晚的具體分貝數以及主要造成分貝數的交通工具。

原網址：

05

IBM Watson NewsExplore

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

原網址：

06

The new Republican center of gravity

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

原網址：

07

The Ventusky

直觀設計的一個很好的案例，它會即時顯示世界各地天氣的總體趨勢，以及風向的流動趨勢。左側是一些關於氣候的不同維度。例如選擇溫度，則右下角的不同顏色則會代表溫度從高到低的度數，地圖就會根據位置的溫度來決定顯示什麼顏色，呈現出色彩豐富、猶如油畫的可視化。

原網址：https://www.ventusky.com/?p=44;7;1&l=temperature

08

Airbnb activities around

the world

Airbnb製作的住宿交互地圖，地圖的視覺設計處理在所有常見地圖中比較特別，讓用戶在旅行前感到樂趣。用戶可以在地圖中選擇要去的地方，查看房源信息，以及當地遊客的年數量。

原網址：https://pt.airbnb.com/map?cdn_cn=1

09

Who Old Are You?

這是一個與用戶自己相關的數據可視化，用戶通過輸入自己的出生日期，資料庫實時匹配相關圖列。正中間的黑色線是你現在的年齡，線上黑色的原點是你，數據圖縮到最小便是你的整個人生的歷程，其他的原點是別人在你這個年齡的時候有什麼成就。

10

The Rhythm of Food

谷歌通過搜索數據製作了多年來人們不同季節對食物和配方的愛好上升和下降的趨勢，發現除了不同季節對食物需求的變化、不同國家對食物喜愛的時間也有不同、一些節日讓人們對食物歡迎度的增加等等。這個數據可視化更多的是讓我們可以學習到對於數據的分析和呈現方式。

作者冒煙煙 UX設計師

主要負責豈安科技的UI界面和交互設計。