信息圖使用圖形或各種可視化元素來展示信息、數(shù)據(jù)或知識(shí)，這些圖表可以讓用戶更容易接受和掌握作者想傳遞的內(nèi)容。

本文所帶來的這些信息圖不是通常所見的靜態(tài)圖片，而是使用HTML、CSS3和JavaScript所創(chuàng)建，通過動(dòng)畫和互動(dòng)的形式，提供了非常有意義的信息。希望能為你的Web開發(fā)或設(shè)計(jì)工作帶來一些靈感。

1.? State of The Internet

互聯(lián)網(wǎng)正在飛速地發(fā)展、膨脹，同時(shí)也越來越移動(dòng)化。這個(gè)動(dòng)態(tài)的信息圖展示了每時(shí)每刻互聯(lián)網(wǎng)中正在發(fā)生的變化，這些數(shù)據(jù)在不斷變化著。

2.? Is the Internet Awake?

該信息圖以動(dòng)態(tài)氣泡圖形式展示了25個(gè)國家和地區(qū)白天、晚上寬帶用戶的數(shù)量情況。

3.? Intacto 10 Years of History

該信息圖以星際旅行的形式展示了互聯(lián)網(wǎng)2001年到2012年的發(fā)展情況。

4.? Future of Car Sharing

汽車共享（Car Sharing）發(fā)展情況信息圖。

5.? Sandalous Dirt

Twitter社區(qū)所有熱門對(duì)話和主題統(tǒng)計(jì)。

6.? Organized Crime: THe World's Largest Social Network

復(fù)雜的世界犯罪網(wǎng)絡(luò)信息圖。

7.? How many slaves work for you?

互動(dòng)型信息圖，將根據(jù)你輸入的不同問題，計(jì)算為你工作的奴隸數(shù)量。

8.? You VS. John Paulson

和超級(jí)商人約翰·保爾森比較你的收入。

文章出自：queness

譯文出自：PHPChina

轉(zhuǎn)載于:https://www.cnblogs.com/mixer/archive/2012/02/09/2448592.html

總結(jié)

以上是生活随笔為你收集整理的推荐8个优秀的基于HTML5的信息图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。