- 图表类型:折线图
- 原图地址:D3 V4 Animated Line Graph
- 完整图地址:D3 V4 Animated Line & Bar Graph
- 图表类型:Line图
- 原图地址:Update d3.js data with button press
- 原图是v3版本,改成v4版本,数据本地获取
- 图表类型:折线图
- 原图地址:Animate path in D3
- path动画
stroke-dashoffset
属性指定了dash模式到路径开始的距离Element.getTotalLength()
以像素为单位,返回路径的长度(仅适用于path元素)stroke-dasharray
属性stroke-dasharray可控制用来描边的点划线的图案范式作为一个外观属性,它也可以直接用作一个CSS样式表内部的属性
- 图表类型:散点图
- 原图地址:D3 Scatterplot
- 去掉原图的多选库和颜色库(额外的两个js文件)
- d3.scaleSequential - 创建一个颜色顺序比例尺(定义域[0, 1])
- 图表类型:日期图(热力图)
- 原图地址:Calendar View
- 只保留原图一年的数据
- d3.scaleQuantize - 创建一个均匀的量化的线性比例尺
- d3.nest - 创建一个嵌套生成器
- M => MoveTo, 开始坐标
NewerOlder