推荐8个优秀的基于HTML5的信息图

信息图使用图形或各种可视化元素来展示信息、数据或知识，这些图表可以让用户更容易接受和掌握作者想传递的内容。

本文所带来的这些信息图不是通常所见的静态图片，而是使用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