《数据可视化实战:使用D3设计交互式图表》
基本信息
原书名:Interactive data visualization for the Web
作者: (美)Scott Murray
译者: 李松峰
丛书名: 图灵程序设计丛书
出版社:人民邮电出版社
ISBN:9787115320117
上架时间:2013-6-9
出版日期:2013 年6月
开本:16开
页码:248
版次:1-1
所属分类:计算机
更多关于 》》》《数据可视化实战:使用D3设计交互式图表》
内容简介
计算机书籍
数据可视化是展示数据的重要手段,广泛适用于数据分析、计量统计、演讲展示和各种网站应用。而通过浏览器来呈现数据不受平台限制,任何计算机只要能上网就可以看到漂亮的交互式图表。本书将带领读者学习当前最热门的基于浏览器的数据可视化库——d3。作者通过风趣幽默的语言、简单易懂的示例,由浅入深地介绍了使用d3 所需的基本技术,以及基于数据绘图、比例尺、数轴、数据更新、过渡和动画等构建交互式在线图表的核心概念,最后还介绍了d3 中常用的布局方法和创建地图等流行应用的技巧。
《数据可视化实战:使用d3设计交互式图表》需要读者具有一定的web 开发经验,特别要了解一些dom 编程。除此之外,只要对数据可视化感兴趣,均可阅读学习。
你手头有一些数据,想做成漂亮的图表放到网站上?好主意,通过浏览器来跨平台实现数据可视化是正确的选择。什么,你还想让图表能够响应用户操作?没问题,交互式图表比静态图片更能吸引人去探究本源。好啦,要生成通过浏览器展示的动态图表,首选目前最热门的web数据可视化库——d3。
这本书很有意思,而且对读者要求不高。不需要知道什么是数据可视化,也不用有太多web开发背景就能看懂它。不信?翻一翻就知道这是一本既好玩又实用的动手指南啦!看完这本书你会怎么样呢?
掌握必要的html、css、javascript和svg基础知识;
学会基于数据在网页里生成元素和为它们设置样式的技巧;
能够生成条形图、散点图、饼图、堆叠条形图和力导向图;
使用平滑的过渡动画来展示数据的变化;
赋予图表动态交互能力,响应用户从不同角度探索数据的请求;
收集数据和创建自定义的地图;
另外,本书100多个代码示例都可以在线浏览!
目录
《数据可视化实战:使用d3设计交互式图表》
前言 xi
第1章 写在前面 1
1.1 数据为什么要可视化 1
1.2 为什么要写代码 2
1.3 为什么要交互 2
1.4 为什么要在web上 3
1.5 这是一本什么书 3
1.6 读者是谁 4
1.7 这不是什么书 4
1.8 使用示例代码 5
1.9 谢谢你 6
第2章 d3简介 7
2.1 d3能做什么 7
2.2 d3不能做什么 8
2.3 起源与背景 9
2.4 替代方案 10
2.4.1 简易图表 10
2.4.2 图谱可视化 12
2.4.3 地图映射 12
.2.4.4 较原始的方案 13
2.4.5 三维图形 13
2.4.6 基于d3的工具 14
第3章 技术基础 15
3.1 web(万维网) 15
3.2 html 17
3.2.1 内容和结构 18
3.2.2 通过元素来添加结构 19
3.2.3 常用元素 20
3.2.4 属性 22
3.2.5 类和id 22
3.2.6 注释 23
3.3 dom 23
3.4 开发者工具 24
3.5 渲染与盒模型 26
3.6 css 28
3.6.1 选择符 28
3.6.2 属性和值 30
3.6.3 注释 30
3.6.4 引用样式 30
3.6.5 继承、层叠和特指度 32
3.7 javascript 34
3.7.1 hello, console 34
3.7.2 变量 34
3.7.3 其他数据类型 35
3.7.3 数学运算符 39
3.7.4 比较运算符 39
3.7.5 控制结构 40
3.7.6 函数 42
3.7.7 注释 43
3.7.8 引用脚本文件 43
3.7.9 javascript陷阱 44
3.8 svg 48
3.8.1 svg元素 48
3.8.2 简单的图形 49
3.8.3 为svg元素添加样式 51
3.8.4 分层与绘制顺序 53
3.8.5 透明度 54
3.9 关于兼容性 56
第4章 安装d3 59
4.1 下载d3 59
4.2 引用d3 60
4.3 配置web服务器 61
4.3.1 基于python的文本终端方案 61
4.3.2 mamp、wamp和lamp 62
4.3.3 快开始吧 62
第5章 数据 63
5.1 生成页面元素 63
5.1.1 连缀方法 65
5.1.2 各个击破 66
5.1.3 平稳交接 66
5.1.4 不要连缀 67
5.2 绑定数据 67
5.2.1 怎么绑定 67
5.2.2 数据 68
5.2.3 作出你的选择 71
5.2.4 绑定及确定 72
5.3 使用自己的数据 75
5.3.1 自定义函数 75
5.3.2 数据需要拥抱 76
5.2.3 添加样式 77
第6章 基于数据绘图 79
6.1 绘制div 79
6.1.1 设定属性 80
6.1.2 关于类 81
6.1.3 言归正传 81
6.1.4 设定样式 82
6.2 data()的魔力 83
6.3 绘制svg 86
6.3.1 创建svg 87
6.3.2 数据驱动的图形 88
6.3.3 你好,色彩 90
6.4 绘制条形图 90
6.4.1 老方法生成的条形图 90
6.4.2 用新方法改进条形图 91
6.4.3 上色 96
6.4.4 加标签 98
6.5 绘制散点图 100
6.5.1 数据 100
6.5.2 散点图 101
6.5.3 散点大小 102
6.5.4 标签 103
6.6 更上一层楼 105
第7章 比例尺 107
7.1 苹果和像素 107
7.2 值域和范围 108
7.3 归一化 109
7.4 创建比例尺 109
7.5 缩放散点图 110
7.5.1 d3.min()和d3.max() 110
7.5.2 设置动态缩放 112
7.5.3 整合缩放后的值 112
7.6 修饰图表 113
7.7 其他方法 117
7.8 其他比例尺 117
第8章 数轴 119
8.1 数轴简介 119
8.2 设定数轴 120
8.3 修整数轴 121
8.4 优化刻度 124
8.5 垂直数轴 125
8.6 最后的润色 126
8.7 为刻度标签定义样式 128
第9章 更新、过渡和动画 129
9.1 更新条形图 129
9.1.1 序数比例尺 130
9.1.2 自动分档 132
9.1.3 使用序数比例尺 132
9.1.4 其他更新 133
9.2 更新数据 133
9.2.1 通过事件监听器实现交互 134
9.2.2 改变数据 135
9.2.3 更新视觉元素 135
9.3 过渡动画 138
9.3.1 持续时间 139
9.3.2 缓动函数 140
9.3.3 延迟时间 141
9.3.4 使用随机数据 143
9.3.5 更新比例尺 145
9.3.6 更新数轴 147
9.3.7 在过渡开始和结束时执行操作 149
9.4 其他数据更新方式 156
9.4.1 添加值(和元素) 156
9.4.2 删除值(和元素) 161
9.4.3 通过键联结数据 164
9.4.4 添加和删除组合拳 169
9.4.5 简要回顾 170
第10章 交互式图表 171
10.1 绑定事件监听器 171
10.2 什么是行为 172
10.3 分组svg元素 177
10.4 提示条 182
10.4.1 浏览器默认提示条 182
10.4.2 svg元素提示条 184
10.4.3 html的div提示条 185
10.5 适应触摸设备 188
10.6 更进一步 188
第11章 布局 189
11.1 饼图布局 190
11.2 堆叠布局 194
11.3 力导向布局 197
第12章 地图 203
12.1 json与geojson 203
12.2 路径 205
12.3 投影 206
12.4 等值区域 208
12.5 添加定位点 212
12.6 取得和解析地图数据 215
12.6.1 查找shapefile文件 215
12.6.2 选择解析度 216
12.6.3 简化数据文件 217
12.6.4 转换为geojson 218
第13章 导出文件 221
13.1 导出位图 221
13.2 导出pdf 222
13.3 导出svg 223
附录a 扩展阅读 227
a.1 图书 228
a.2 网站 228
a.3 twitter 229
相关推荐
本篇将围绕“数据可视化实战:使用D3设计交互式图表”这一主题,深入探讨D3库的核心概念、常用功能和实际应用。 D3的设计理念是将数据绑定到DOM(文档对象模型)元素,并允许开发者通过数据驱动的方法操作这些元素...
第1章写在前面11.1 数据为什么要可视化 11.2 为什么要写代码 21.3 为什么要交互 21.4 为什么要在 Web 上 31.5 这是一本什么书 31.
本资源是关于“数据可视化实战:使用D3设计交互式图表”的教程,结合了理论知识与实际操作,旨在帮助用户掌握D3.js库在创建交互式数据可视化中的应用。 D3.js,全称Data-Driven Documents,是由Mike Bostock开发的...
数据可视化是展示数据的重要手段,广泛适用于数据分析、计量统计、演讲展示和各种网站应用。...《数据可视化实战:使用D3设计交互式图表》将带领读者学习当前最热门的基于浏览器的数据可视化库——D3。
《图灵程序设计丛书·数据可视化实战:使用D3设计交互式图表》这本书很有意思,而且对读者要求不高。不需要知道什么是数据可视化,也不用有太多Web开发背景就能看懂它。不信?翻一翻就知道这是一本既好玩又实用的...
《数据可视化实战-使用D3设计交互式图表》这本书专注于介绍如何利用D3.js这个强大的JavaScript库来创建交互式的Web图表。 D3全称为Data-Driven Documents,它允许开发者直接操作DOM(Document Object Model)来绑定...
考虑到性能优化,D3.js提供了方法来最小化不必要的DOM操作,这对于复杂数据集和交互式图表来说尤其重要。数据的动态加载、分块渲染和缓存技术,都有助于提升大型数据集的处理能力和图表的响应速度。 本书的结构和...
《使用D3设计交互式图表》是一本适合初学者入门并进阶至高级应用的数据可视化教程。书中不仅涵盖了D3的基础概念和技术细节,还提供了丰富的实例和实用技巧,帮助读者快速掌握使用D3进行数据可视化的技能。通过本书的...
1. 《精通D3.js交互式数据可视化高级编程》 这本书旨在帮助读者从初级到高级全面掌握D3.js,特别关注交互式数据可视化的实现。书中涵盖了以下核心知识点: - **D3.js基础知识**:讲解D3.js的核心概念,如选择集、...
《精通D3.js:交互式数据可视化高级编程1》是一本深入探讨D3.js库的指南,旨在帮助读者掌握创建动态、交互式数据可视化的技能。D3.js,全称Data-Driven Documents,是一个强大的JavaScript库,专为数据驱动的Web文档...
D3.js(Data-Driven Documents)是一个强大的JavaScript库,它允许开发者将数据绑定到DOM(Document Object Model),并利用数据驱动的方法来操作文档,从而创建出交互式的、动态的数据可视化效果。 首先,我们要...
《精通D3.js 交互式数据可视化高级编程》是一本深度探讨D3.js库的专著,旨在帮助读者掌握利用D3.js进行高效且富有吸引力的数据可视化的技能。D3.js,全称Data-Driven Documents,是一种强大的JavaScript库,允许...
《D3.js数据可视化实战手册》是一本专为JavaScript开发者设计的指南,旨在帮助读者掌握使用D3.js库进行数据可视化的技能。D3.js,全称Data-Driven Documents,是一个强大的JavaScript库,用于创建交互式的、基于Web...
在本项目中,“海量数据挖掘与数据可视化实战可视化大屏,2019年疫情数据大屏”是一个基于2019年疫情数据的可视化展示案例。这个项目旨在利用大数据挖掘技术,结合数据可视化手段,将复杂的数据转化为直观、易理解的...
### 精通D3.js交互式数据可视化高级编程 #### 一、基础知识篇 **1.1 D3.js简介** D3.js(Data-Driven Documents)是一种用于创建交互式数据可视化的JavaScript库。它利用HTML、SVG和CSS来显示和操作数据。D3.js的...
d3.js是Data-Driven Documents的简称,是一个强大的JavaScript库,专用于创建动态、交互式的Web数据可视化。这次分析不仅包含最终的可视化结果,还附带了源代码,这意味着读者可以学习和理解实现这些可视化的方法。 ...
《3.D3.js数据可视化实战手册 全》是一本深入探讨D3.js库的实践指南,专注于利用这个强大的JavaScript库创建交互式、高质量的数据可视化。D3.js,全称为Data-Driven Documents,由Mike Bostock开发,是数据可视化的...
第一部分讲述基础知识,第二部分学习制作各种常见图表,第三部分讲解交互式图表及地图的进阶应用。《精通D3.js:交互式数据可视化高级编程》是一个相对完整的D3.js教程,讲解此技术所有重要的知识点,既有基础入门...
第一部分讲述基础知识,第二部分学习制作各种常见图表,第三部分讲解交互式图表及地图的进阶应用。《精通D3.js:交互式数据可视化高级编程》是一个相对完整的D3.js教程,讲解此技术所有重要的知识点,既有基础入门...