数据可视化实战:使用D3设计交互式图表

数据可视化实战:使用D3设计交互式图表:使用D3实际交互式图表

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

介绍了当前热门的基于浏览器的数据可视化库D3,它可以把数据加载到网页中并给予数据生产各种图表。

内容简介

作者通过风趣幽默的语言、简单易懂的示例,由浅入深地介绍了使用D3所需的基本技术,以及基于数据绘图、比例尺、数轴、数据更新、过渡和动画等构建交互式在线图表的核心概念,最后还介绍了D3中常用的布局方法和创建地图等流行应用的技巧。

作者简介

作者Scott Murray,编码艺术家,编写代码来创建可视化的数据图表及其他交互式作品,涉及交互设计、系统设计和生成艺术。旧金山大学助理教授,主要讲授数据可视化和交互设计。是Processing(processing.org)的贡献者,也在培训班上讲创造性编码。

章节目录

版权信息

O’Reilly Media, Inc.介绍

业界评论

前言

排版约定

使用代码

Safari® Books Online

联系我们

致谢

第1章 写在前面

1.1 数据为什么要可视化

1.2 为什么要写代码

1.3 为什么要交互

1.4 为什么要在Web上

1.5 这是一本什么书

1.6 读者是谁

1.7 这不是什么书

1.8 使用示例代码

1.9 谢谢你

第2章 D3简介

2.1 D3能做什么

2.2 D3不能做什么

2.3 起源与背景

2.4 替代方案

2.4.1 简易图表

DataWrapper

Flot

Google Chart Tools

gRaphaël

Highcharts JS

JavaScript InfoVis Toolkit

jqPlot

jQuery Sparklines

Peity

Timeline.js

YUI Charts

2.4.2 图谱可视化

Arbor.js

Sigma.js

2.4.3 地图映射

Kartograph

Leaflet

Modest Maps

Polymaps

2.4.4 较原始的方案

Processing.js

Paper.js

Raphaël

2.4.5 三维图形

PhiloGL

Three.js

2.4.6 基于D3的工具

Crossfilter

Cubism

Dashku

dc.js

NVD3

Polychart.js

Rickshaw

Tributary

第3章 技术基础

3.1 Web(万维网)

3.2 HTML

3.2.1 内容和结构

3.2.2 通过元素来添加结构

3.2.3 常用元素

3.2.4 属性

3.2.5 类和ID

3.2.6 注释

3.3 DOM

3.4 开发者工具

3.5 渲染与盒模型

3.6 CSS

3.6.1 选择符

1. 类型选择符

2. 后代选择符

3. 类选择符

4. ID选择符

3.6.2 属性和值

3.6.3 注释

3.6.4 引用样式

1. 在HTML中嵌入CSS

2. 在HTML中引用外部样式表

3. 插入行内样式

3.6.5 继承、层叠和特指度

3.7 JavaScript

3.7.1 Hello, Console

3.7.2 变量

3.7.3 其他数据类型

3.7.4 数学运算符

3.7.5 比较运算符

3.7.6 控制结构

1. if():只要……

2. for():现在……

3. 对数组使用for()循环

3.7.7 函数

3.7.8 注释

3.7.9 引用脚本文件

3.7.10 JavaScript陷阱

1. 动态类型

2. 变量提升

3. 函数级作用域

4. 全局命名空间

3.8 SVG

3.8.1 SVG元素

3.8.2 简单的图形

3.8.3 为SVG元素添加样式

3.8.4 分层与绘制顺序

3.8.5 透明度

3.9 关于兼容性

第4章 安装D3

4.1 下载D3

4.2 引用D3

4.3 配置Web服务器

4.3.1 基于Python的文本终端方案

4.3.2 MAMP、WAMP和LAMP

4.3.3 快开始吧

第5章 数据

5.1 生成页面元素

5.1.1 连缀方法

5.1.2 各个击破

5.1.3 平稳交接

5.1.4 不要连缀

5.2 绑定数据

5.2.1 怎么绑定

5.2.2 数据

1. 加载CSV数据

2. 加载JSON数据

5.2.3 作出你的选择

5.2.4 绑定及确定

5.3 使用自己的数据

5.3.1 自定义函数

5.3.2 数据需要拥抱

5.2.3 添加样式

第6章 基于数据绘图

6.1 绘制DIV

6.1.1 设定属性

6.1.2 关于类

6.1.3 言归正传

6.1.4 设定样式

6.2 data()的魔力

随机数据

6.3 绘制SVG

6.3.1 创建SVG

6.3.2 数据驱动的图形

6.3.3 你好,色彩

6.4 绘制条形图

6.4.1 老方法生成的条形图

6.4.2 用新方法改进条形图

6.4.3 上色

6.4.4 加标签

6.5 绘制散点图

6.5.1 数据

6.5.2 散点图

6.5.3 散点大小

6.5.4 标签

6.6 更上一层楼

第7章 比例尺

7.1 苹果和像素

7.2 值域和范围

7.3 归一化

7.4 创建比例尺

7.5 缩放散点图

7.5.1 d3.min()和d3.max()

7.5.2 设置动态缩放

7.5.3 整合缩放后的值

7.6 修饰图表

7.7 其他方法

7.8 其他比例尺

第8章 数轴

8.1 数轴简介

8.2 设定数轴

8.3 修整数轴

8.4 优化刻度

8.5 垂直数轴

8.6 最后的润色

8.7 为刻度标签定义样式

第9章 更新、过渡和动画

9.1 更新条形图

9.1.1 序数比例尺

9.1.2 自动分档

9.1.3 使用序数比例尺

9.1.4 其他更新

9.2 更新数据

9.2.1 通过事件监听器实现交互

9.2.2 改变数据

9.2.3 更新视觉元素

9.3 过渡动画

9.3.1 持续时间

9.3.2 缓动函数

9.3.3 延迟时间

9.3.4 使用随机数据

9.3.5 更新比例尺

9.3.6 更新数轴

9.3.7 在过渡开始和结束时执行操作

1. 谨慎开局

2. 优雅收场

3. 无过渡的each()

4. 在剪切路径中包含可见元素

9.4 其他数据更新方式

9.4.1 添加值(和元素)

1. 选择

2. 加入

3. 更新

9.4.2 删除值(和元素)

1. 退出

2. 温和退出

9.4.3 通过键联结数据

1. 准备数据

2. 更新所有引用

3. 键函数

4. 退出过渡

9.4.4 添加和删除组合拳

9.4.5 简要回顾

第10章 交互式图表

10.1 绑定事件监听器

10.2 什么是行为

悬停高亮

10.3 分组SVG元素

单击排序

10.4 提示条

10.4.1 浏览器默认提示条

10.4.2 SVG元素提示条

10.4.3 HTML的div提示条

10.5 适应触摸设备

10.6 更进一步

第11章 布局

11.1 饼图布局

11.2 堆叠布局

11.3 力导向布局

第12章 地图

12.1 JSON与GeoJSON

12.2 路径

12.3 投影

12.4 等值区域

12.5 添加定位点

12.6 取得和解析地图数据

12.6.1 查找shapefile文件

12.6.2 选择解析度

12.6.3 简化数据文件

12.6.4 转换为GeoJSON

第13章 导出文件

13.1 导出位图

13.2 导出PDF

13.3 导出SVG

附录A 扩展阅读

A.1 图书

Getting Starting with D3,作者Mike Dewar(O'Reilly,2012)

A.2 网站

A.3 Twitter

作者简介

封面说明

D3词汇表

按字母顺序

按相关程度

数据可视化实战:使用D3设计交互式图表是2013年由人民邮电出版社·图灵出品出版,作者[美]ScottMurray。

得书感谢您对《数据可视化实战:使用D3设计交互式图表》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
数据可视化必修课:Excel图表制作与PPT展示 电子书
28种图表解决方案,帮你快速抓住要点、选对图表、才能有效表达。
数据分析实战:方法、工具与可视化 电子书
本书通过实战案例和可视化的图形讲解数据分析的知识。
实战大数据(Hadoop+Spark+Flink)从平台构建到交互式数据分析(离线/实时) 电子书
面向大数据开发工程师,大数据运维工程师围绕Hadoop、Spark、Flink三大主流平台,详解大数据平台的搭建及数据分析(离线/实时)随书配备全套数据集、安装包、配置文件、海量教学视频(近30GB),方便学用
Power BI商业数据分析 电子书
1. 作者是注册会计师,熟练使用PowerBI,实践经验丰富。 2. 作者的公众号现已成为国内影响力的PowerBI公众号之一,专注于PowerBI知识的分享,其文章通俗易懂、简洁干练、精彩不断,深受广大PowerBI学习者喜爱。
PowerBI零售数据分析实战 电子书
一本讲解如何将Power BI应用于零售业务领域的实战指南。