推荐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

转载于:https://www.cnblogs.com/mixer/archive/2012/02/09/2448592.html

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

推荐三个优秀的国外HTML5网页设计网站
给大家推荐几个国外优秀的网页设计的模板网站,大家可以参考一下. 第一个:Litho 官网地址: https://www.themezaa.com/ Litho是一个灵活而独特的基于HTML5的模板,可 ...
基于html5的矢量图绘制方法研究,基于HTML5和WebGL的三维地形可视化方法研究
摘要: 近年来地理信息的需求急速增长,越来越多的GIS应用走向网页化.移动化.WebGIS应用也在逐渐从二维层面向三维层面发展,三维地形可视化是三维GIS的基础,基于Web的三维地形可视化也成为新的研 ...
基于html5的矢量图绘制方法研究,HTML5程序设计-绘制可伸缩矢量图形SVG.pdf
HTML5基础教程(第2版) 授课教师: 职务: 第7章绘制可伸缩矢量图形(SVG ) 课程描述 SVG是Scalable Vector Graphics的缩写,即可伸缩矢量图形,它使用XML格式 ...
基于html5的矢量图绘制方法研究,基于HTML5Canvas技术的在线图像处理方法的研究...
摘要: 本文主要对基于HTML5Canvas技术的在线图像处理方法进行探讨和研究. 随着网页技术的飞速发展,在线的应用程序越来越受到用户的欢迎,很多业余摄影爱好者开始采用在线的图像处理软件来对照片进行 ...
推荐25款很棒的 HTML5 前端框架和开发工具【下篇】
快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. ...
推荐10个适合初学者的 HTML5 入门教程
HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...
推荐18个基于 HTML5 Canvas 开发的图表库 - 梦想天空（山边小溪） - 博客园
推荐18个基于 HTML5 Canvas 开发的图表库 - 梦想天空(山边小溪) - 博客园推荐18个基于 HTML5 Canvas 开发的图表库
h5优秀控件_推荐六款炫酷的HTML5效果插件
1. HTML5 3D图片阴影翻转动画效果很酷分享一款很酷的HTML5 3D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果.这和HTML5 ...
非常酷！10个基于 HTML5 的字体应用演示网站
HTML5 是现在Web开发领域的热点,更多的开发人员开始使用HTML5来开发交互性强.效果出众的网站和各种应用.这是 HTML5 网站大观系列第四篇,本文与大家分享5个非常酷的基于 HTML5 的字 ...

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

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

最新文章

热门文章