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

厭倦了靜態圖表,最近一直在看一些關於能夠交互的數據可視化的案例,整理了一些有趣的交互式可視化的網站分享給你們。web

01 Matt Daniels

The Lasting Mark of Miles Davichrome

bigsec

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

原網址:http://polygraph.cool/miles/瀏覽器

02 Google chrome 瀏覽器小組

網絡的演變網絡

bigsec

很帥的網絡技術演變的可視化圖表,用了不少交互的形式展現主流瀏覽器的演變技術發展;不一樣顏色的線條表明着不一樣的技術,不一樣的時間線段表明着不一樣瀏覽器的誕生、迭代、消亡。less

原網址:http://www.evolutionoftheweb....工具

03 Matan Stauber

Histographypost

bigsec

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

原網址:http://histography.io/網站

04 Berliner Morgenpost

Larmkarte Berlin

bigsec

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

原網址:http://interaktiv.morgenpost....

05 IBM

IBM Watson NewsExplore

bigsec

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

原網址:news-explorer.mybluemix.net

06 Trump

The new Republican center of gravity

bigsec

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

原網址:https://www.theguardian.com/u...

07 InMeteo, s.r.o.

The Ventusky

bigsec

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

原網址:https://www.ventusky.com/?p=4...

08 Airbnb

Airbnb activities around the world

bigsec

bigsec

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

原網址:https://pt.airbnb.com/map?cdn...

09 David McCandless

Who Old Are You?

bigsec

這是一個與用戶本身相關的數據可視化,用戶經過輸入本身的出生日期,數據庫實時匹配相關圖列。正中間的黑色線是你如今的年齡,線上黑色的原點是你,數據圖縮到最小即是你的整我的生的歷程,其餘的原點是別人在你這個年齡的時候有什麼成就。

原網址:http://www.informationisbeaut...

10 Google News Lab

The Rhythm of Food

bigsec

bigsec

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

原網址:http://rhythm-of-food.net/

做者冒煙煙 UX設計師 主要負責豈安科技的UI界面和交互設計。

相關文章
相關標籤/搜索