【文件属性】：
文件名称：d3-大师班
文件大小：128KB
文件格式：ZIP
更新时间：2021-02-27 06:23:35
JavaScript
d3-大师班
与Amelia Wattenberger的一起编码
图表检查清单
:check_mark_button: 访问数据：查看数据结构，确定如何访问我们需要的值
:check_mark_button: 创建图表尺寸：声明物理（即像素）图表参数
:check_mark_button: 绘制画布：渲染wrapper和bounds元素
:check_mark_button: 创建比例：为图表中的每个数据到物理属性创建比例
:check_mark_button: 绘制数据：渲染数据元素
:check_mark_button: 绘制外围设备：渲染轴，标签，图例，注释等
:check_mark_button: 设置交互：初始化事件侦听器并创建交互行为
存取器
访问器函数将单个数据点转换为度量标准值
const yAccessor = d => d . temperatureMax
日期时间格式
d3具有模块，其中包含用于解析和格式化日期的方法
d3.timeParse()方法...
采用指定日期格式的字符串，然后
输出将解析该格式的日期的函数
const dateParse
【文件预览】：
d3-masterclass-main
----.gitignore(2KB)
----README.md(4KB)
----01-first-chart()
--------.gitignore(31B)
--------scatter.js(3KB)
--------chart.js(2KB)
--------bar.js(4KB)
--------package.json(683B)
--------index.html(170B)
--------bars.js(4KB)
--------data()
----02-transitions()
--------line.js(4KB)
--------.gitignore(31B)
--------animateScatter.js(4KB)
--------line.css(177B)
--------barsTransition.js(4KB)
--------barsTransition.css(1KB)
--------animateBars.js(4KB)
--------animateLine.css(1KB)
--------events.css(100B)
--------package.json(661B)
--------animateBars.css(1KB)
--------barsTransitionD3.js(5KB)
--------barsTransitionD3.css(943B)
--------animateScatter.css(1KB)
--------index.html(491B)
--------data()
--------style.css(212B)
--------events.js(848B)
--------animateLine.js(4KB)