- 图表类型：直方图(混合散点图)
- 原图地址：histogram——以日期为时间维度
- 原图的改进型1，将拖拽实现的单项刷选改为使用brush的双向筛选
- d3.brush 创建一个一维的 x-方向的brush
- brush.move 为指定的group设置选中范围
- brush.extent 如果 extent 指定，则设置可刷取的范围
- 图表类型：直方图(混合散点图)
- 原图地址：histogram——以日期为时间维度
- 原图的改进型2，使用力图使得散点圆不重叠(散点半径固定)
- d3.forceSimulation 创建一个力模拟
- d3.forceX 创建x-定位力
- d3.forceY 创建y-定位力
- 图表类型：直方图(混合散点图)
- 原图地址：histogram——以日期为时间维度
- 原图的改进型3，使用力图使得散点圆不重叠(散点半径不固定)
- d3.forceSimulation 创建一个力模拟
- d3.forceX 创建x-定位力
- d3.forceY 创建y-定位力
- 图表类型：日期图(热力图)
- 原图地址：Calendar View
- 只保留原图一年的数据
- d3.scaleQuantize - 创建一个均匀的量化的线性比例尺
- d3.nest - 创建一个嵌套生成器
- M => MoveTo, 开始坐标
- 图表类型：散点图
- 原图地址：D3 Scatterplot
- 去掉原图的多选库和颜色库(额外的两个js文件)
- d3.scaleSequential - 创建一个颜色顺序比例尺(定义域[0, 1])
- 图表类型：折线图
- 原图地址：Animate path in D3
- path动画
stroke-dashoffset属性指定了dash模式到路径开始的距离Element.getTotalLength()以像素为单位，返回路径的长度（仅适用于path元素）stroke-dasharray属性stroke-dasharray可控制用来描边的点划线的图案范式作为一个外观属性，它也可以直接用作一个CSS样式表内部的属性
- 图表类型：Line图
- 原图地址：Update d3.js data with button press
- 原图是v3版本，改成v4版本，数据本地获取