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

发布于 2024-08-31 20:52:03 字数 4059 浏览 8 评论 0

数据可视化是展示数据的重要手段,广泛适用于数据分析、计量统计、演讲展示和各种网站应用。而通过浏览器来呈现数据不受平台限制,任何计算机只要能上网就可以看到漂亮的交互式图表。本书将带领读者学习当前最热门的基于浏览器的数据可视化库——D3。作者通过风趣幽默的语言、简单易懂的示例,由浅入深地介绍了使用 D3 所需的基本技术,以及基于数据绘图、比例尺、数轴、数据更新、过渡和动画等构建交互式在线图表的核心概念,最后还介绍了 D3 中常用的布局方法和创建地图等流行应用的技巧。

本书需要读者具有一定的 Web 开发经验,特别要了解一些 DOM 编程。除此之外,只要对数据可视化感兴趣,均可阅读学习。

本书是关于数据可视化的,但非专业程序员也可以看懂。如果你是一位艺术家或者拥有视觉表现经验的图形设计师,那么这本书就是为你写的。如果你是一位专栏作者或者研究人员,但之前没有可视化或编程经验,那这本书也是写给你的。

本书介绍 JavaScript 的数据可视化库 D3( http://d3js.org/ ),它可以把数据加载到网页中并基于数据生成各种图表。要看懂这本书,之前有没有编程经验不太重要。也许你以前写过程序,也听说过关于 JavaScript 语言的各种传闻,那你可以从 D3 和数据可视化入手,跟 JavaScript 第一次亲密接触。没错,JavaScript 是有那么一点点古怪,但并没有你听说得那么坏,一切其实都很好。请坐,稍安毋躁。

目录
前言
第 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 简易图表
2.4.2 图谱可视化
2.4.3 地图映射
2.4.4 较原始的方案
2.4.5 三维图形
2.4.6 基于 D3 的工具
第 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 选择符
3.6.2 属性和值
3.6.3 注释
3.6.4 引用样式
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 控制结构
3.7.7 函数
3.7.8 注释
3.7.9 引用脚本文件
3.7.10 JavaScript 陷阱
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 数据
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 在过渡开始和结束时执行操作
9.4 其他数据更新方式
9.4.1 添加值(和元素)
9.4.2 删除值(和元素)
9.4.3 通过键联结数据
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 图书
A.2 网站
A.3 Twitter

下载地址:https://www.wenjiangs.com/wp-content/uploads/2024/04/E1h3nas7SOYOYAoT.zip

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

0 文章
0 评论
23 人气
更多

推荐作者

一梦浮鱼

文章 0 评论 0

mb_Z9jVigFL

文章 0 评论 0

伴随着你

文章 0 评论 0

耳钉梦

文章 0 评论 0

18618447101

文章 0 评论 0

蜗牛

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文