# d3 example code

**Repository Path**: canhigher/d3-example-code

## Basic Information

- **Project Name**: d3 example code
- **Description**: d3.js案例代码在线展示
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-06-16
- **Last Updated**: 2023-06-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# d3 example code


d3.js案例代码在线展示

### D3 4.x数据可视化实战手册
[在线地址](http://scqilin.gitee.io/d3-example-code/d3-cookbook-v2-master/)
#### 第1章 D3.js入门指南

1.1 简介

1.2 搭建简易的D3开发环境

1.3 搭建基于NPM的D3开发环境

1.4 理解D3风格的函数式JavaScript编程

#### 第2章 精挑细选

2.1 简介

2.2 选取单个元素

2.3 选取多个元素

2.4 迭代选集中的元素

2.5 使用子选择器

2.6 函数级联调用

2.7 处理原始选集

#### 第3章 与数据同行

3.1 简介

3.2 将数组绑定为数据

3.3 将对象字面量绑定为数据

3.4 将函数绑定为数据

3.5 数组的处理

3.6 数据的过滤

3.7 基于数据的图形排序

3.8 从服务器加载数据

3.9 利用队列异步加载数据

#### 第4章 张弛有“度”

4.1 简介

4.2 使用连续尺度

4.3 使用时间尺度

4.4 使用有序尺度

4.5 字符串插值

4.6 颜色插值

4.7 复合对象插值

#### 第5章 玩转坐标轴

5.1 简介

5.2 坐标轴基础

5.3 自定义刻度

5.4 绘制表格线

5.5 动态调节坐标轴尺度

#### 第6章 优雅变换

6.1 简介

6.2 单元素动画

6.3 多元素动画

6.4 使用缓动函数

6.5 使用中间帧计算

6.6 使用级联过渡

6.7 使用选择性过渡

6.8 监听过渡事件

6.9 使用定时器

#### 第7章 形状之美

7.1 简介

7.2 创建简单形状

7.3 使用线条生成器

7.4 使用曲线

7.5 更改线条的张力

7.6 使用区域生成器

7.7 使用断面曲线

7.8 使用圆弧生成器

7.9 实现圆弧过渡

#### 第8章 图表美化

8.1 简介

8.2 创建线图

8.3 创建面积图

8.4 创建散点图

8.5 创建气泡图

8.6 创建条形图

#### 第9章 井然有序

9.1 简介

9.2 创建饼图

9.3 创建堆叠式面积图

9.4 创建矩形式树状结构图

9.5 创建树

9.6 创建封闭图

#### 第10章 可视化交互

10.1 简介
10.2 鼠标交互
10.3 多点触摸设备交互
10.4 缩放和平移行为的实现
10.5 拖曳行为的实现

#### 第11章 使用“原力”

11.1 简介

11.2 使用引力和相互作用力

11.3 自定义速度

11.4 设置连接约束

11.5 借助力来辅助可视化

11.6 操作“力”

11.7 创建力导向图

#### 第12章 地图的奥秘

12.1 简介
12.2 美国地图的投影
12.3 等值区域图的构建

#### 第13章 测试驱动

13.1 简介

13.2 下载Jasmine并搭建测试环境

13.3 测试驱动——创建图表

13.4 测试驱动——SVG渲染

13.5 测试驱动——精确渲染

附录 分分钟搞定交互式分析

简介

Crossfilter.js库

多维图表库——dc.js

### d3 for the impatient(快学熟用D3)
[在线地址](http://scqilin.gitee.io/d3-example-code/d3-for-the-impatient-master/examples/)
#### 第1章　引言

1.1　谁适合读这本书

1.2　为什么选择D3

1.3　通过本书你会学到什么

1.4　如何阅读本书

1.5　术语

#### 第2章　让我们开始画图吧

2.1　第一个例子：单数据集图表

2.2　第二个例子：双数据集图表

2.3　第三个例子：让列表项动起来

#### 第3章　核心问题：选择与绑定

3.1　选择集

3.2　绑定数据

3.3　操作选择集

3.4　通过群组共享选择集之间的信息

#### 第4章　事件、交互和动画

4.1　事件

4.2　让鼠标交互加入进来

4.3　平滑过渡

4.4　基于定时器的动画

#### 第5章　生成器、组件、布局：绘制曲线和形状

5.1　生成器、组件和布局

5.2　符号

5.3　直线和曲线

5.4　圆、弧和饼图：使用布局

5.5　其他形状

5.6　编写自己的组件

#### 第6章　文件、数据加载、格式规范：数据导入和输出

6.1　获取文件

6.2　解析和编写表数据

6.3　格式化数字

#### 第7章　数值的视觉映射：补间、比例尺和坐标轴

7.1　补间

7.2　比例尺

7.3　坐标轴

7.4　示例

#### 第8章　颜色、彩色比例尺和热力图

8.1　颜色和颜色空间转换

8.2　配色

8.3　彩色比例尺

8.4　伪色图及相关技术

#### 第9章　树形图和网状图

9.1　树和层次数据结构

9.2　力导向图

#### 第10章　辅助工具：数组、统计和时间戳

10.1　操作数组结构

10.2　数字数组的描述性统计

10.3　处理日期和时间戳

附录A　设置、工具和资源

附录B　SVG便携手册

附录C　JavaScript和DOM的速成指南