《JavaScript数据可视化编程》——导读

简介: 在我们的日常生活中,数据的重要性与日俱增。尤其对于一些庞大的组织机构(诸如Facebook和Google这种体量的公司)来说,数据几乎是一切决策的核心。在地缘政治领域,正在前所未有地收集数据,以致爆出诸如美国国家安全局监控丑闻这样的事件,这从另一个侧面反映了我们正在经历一个宏观数据时代。

screenshot

前言
JavaScript数据可视化编程
在我们的日常生活中,数据的重要性与日俱增。尤其对于一些庞大的组织机构(诸如Facebook和Google这种体量的公司)来说,数据几乎是一切决策的核心。在地缘政治领域,正在前所未有地收集数据,以致爆出诸如美国国家安全局监控丑闻这样的事件,这从另一个侧面反映了我们正在经历一个宏观数据时代。但是,从微观角度来说,数据作为一个个独立的个体,本身却并不显得那么重要。有调查称,99.5%的数据其实是被忽视和浪费的。

数据可视化是解决数据被浪费的重要工具。有效的可视化可以浪里淘沙,去伪存真,去粗存精,在庞大的数据仓库里挖掘出我们所需要的核心信息。数据可视化可以将抽象的数字累积转变成为图形、表单等,让普通人可以快速理解数据所代表的情况或趋势。所以好的可视化追求的目标就是让数据一目了然,让关注数据的人可以因此快速抓住数据的核心——这些数据讲了一个什么样的故事?它们揭示了一个什么样的情况?或是它们预示了一个什么样的趋势?抓住核心之后,才能更准确地做出决策。

如果你是一个网站或Web应用程序的开发者,相信你在平时工作中一定会接触或多或少的数据,并且可能已经做了一些数据可视化实践。但是针对某种数据类型的信息究竟使用哪种可视化手段去处理,也许你并不是特别有把握。而在具体实践中,也许你会碰到种种问题。在本书接下来的所有章节中,我们将全面讲述各种不同的可视化手段、技术和工具。每个具体的例子都会围绕着数据可视化的实现方法来展开,如果有不同的实现方案,你也会看到拓展阅读中的替换实现方案。本书将每一个例子拆解成为一个个独立的步骤,从基础开始,直到在页面中得到我们最终的实现方案。

目录
[第1章 图像数据

1.1 创建基础的柱状图](https://yq.aliyun.com/articles/90708)
[1.2 用折线图来绘制连续数据](https://yq.aliyun.com/articles/90717)
[1.3 使用饼图强调部分数据](https://yq.aliyun.com/articles/90722)
[1.4 用离散图表绘制x/y值](https://yq.aliyun.com/articles/90732)
[1.5 用气泡图表示数量扩展x/y数据](https://yq.aliyun.com/articles/90740)
[1.6 使用雷达图显示多维数据](https://yq.aliyun.com/articles/90744)
[1.7 小结](https://yq.aliyun.com/articles/90748)

第2章 和图表进行交互
第3章 在页面中整合图表
第4章 创建特殊图表
第5章 时间轴显示
第6章 地理位置信息的可视化
第7章 用D3.js自定义可视化数据视图
第8章 在浏览器中管理数据
第9章 创建数据驱动的网络应用:第1部分
第10章 创建数据驱动的网络应用:第2部分

相关文章
|
1月前
|
JSON JavaScript 前端开发
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
42 0
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
|
2月前
|
存储 前端开发 JavaScript
JavaScript 中的 BLOB 数据结构的使用介绍
JavaScript 中的 BLOB 数据结构的使用介绍
60 1
|
3月前
|
JSON JavaScript 前端开发
JavaScript 如何对 JSON 数据进行冒泡排序?
JavaScript 如何对 JSON 数据进行冒泡排序?
51 0
|
3月前
|
JavaScript 前端开发
NUS CS1101S:SICP JavaScript 描述:二、使用数据构建抽象
NUS CS1101S:SICP JavaScript 描述:二、使用数据构建抽象
28 0
|
3月前
|
JavaScript 前端开发 算法
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
23 2
|
3月前
|
JavaScript 前端开发
JavaScript一种新的数据结构类型Map
JavaScript一种新的数据结构类型Map
|
18天前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
1月前
|
JSON JavaScript 前端开发
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
|
2月前
|
JavaScript
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
19 0