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

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

1.? State of The Internet

互聯網正在飛速地發展、膨脹，同時也越來越移動化。這個動態的信息圖展示了每時每刻互聯網中正在發生的變化，這些數據在不斷變化著。

2.? Is the Internet Awake?

該信息圖以動態氣泡圖形式展示了25個國家和地區白天、晚上寬帶用戶的數量情況。

3.? Intacto 10 Years of History

該信息圖以星際旅行的形式展示了互聯網2001年到2012年的發展情況。

4.? Future of Car Sharing

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

5.? Sandalous Dirt

Twitter社區所有熱門對話和主題統計。

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

復雜的世界犯罪網絡信息圖。

7.? How many slaves work for you?

互動型信息圖，將根據你輸入的不同問題，計算為你工作的奴隸數量。

8.? You VS. John Paulson

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

文章出自：queness

譯文出自：PHPChina

轉載于:https://www.cnblogs.com/mixer/archive/2012/02/09/2448592.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。