数据可视化是实现数据价值的重要工具。数据可视化可以将抽象的数字累积转变成为图形、表单等, 让普通人可以快速理解数据所代表的情况或趋势。本书是学习如何用实现数据可视化的一本实践指南。全书共10章, 首先从一些基础的可视化方法开始, 讲解了如何使用Flotr2库创建基本的图表; 如何使用jQuery的Flot库、sparkline库; 用库实现不同于传统图表的特殊可视化; 实现基于时间、地理位置的可视化效果; 如何使用D3.js库和Underscore.js库; 以及如何使用Yeoman和Backbone.js库构建数据驱动的Web应用。
在工作中,我们经常需要展示一些数据。如何选择合适的数据可视化方式,以及如何在 Web 上应
用和实现这样一种方式,这是我们经常会遇到的问题。通过阅读本书,你将学会如何使用 JavaScript、
HTML、CSS 构建实用而有效的数据可视化方案。本书给出了大量实际的例子,通过分步讲解的方式,详
细描述了可视化方案的创建、集成、调试的整个过程,以帮助读者迅速掌握像柱状图、折线图、散点图等
基本的数据可视化图形技术。
在掌握了基本图形的实现之后,本书还教授了如下这些高级的数据可视化技术:
● 创建树状图、热力图、网络图、文字云、时间轴;
● 地图数据的可视化映射、创建波形图和复合图表;
● 使用AJAX为图形添加交互行为;
● 在浏览器中管理数据,以及创建数据驱动的Web应用程序;
● 利用Flotr2、Flot、Chronoline.js、D3.js、Underscore.js、Backbone.js实现数据可视化。
本书适合想要学习 Web 上的数据可视化技术的读者,并能够帮助他们快速构建简单而强大的数据可视化方案。
数据可视化是一个技术热点,而JavaScript提供了众多的功能和库支持数据的可视化。本书是热点话题的高度结合。
本书全彩色印刷,对主题呈现能力有更突出的作用。
第1章 图像数据 1
1.1 创建基础的柱状图 2
1.1.1 第1步 引入所需的JavaScript代码 2
1.1.2 第2步 创建一个用来包含图表的
元素 3
1.1.3 第3步 定义数据 3
1.1.4 第4步 绘制图表 4
1.1.5 第5步 改进纵轴 5
1.1.6 第6步 改进横轴 6
1.1.7 第7步 调整样式 8
1.1.8 第8步 多彩的柱体色彩 9
1.1.9 第9步 Flotr2可能会出现的一些“bug”及处理方案 11
1.2 用折线图来绘制连续数据 12