Course Syllabus
16 周系统学习,从 D3.js 入门到独立完成交互式可视化项目
评分标准
教学内容
第 1-7 周 · D3.js 核心图表与综合项目
D3.js 简介、数据可视化概念、SVG 元素与属性、第一个 D3 图表
CSV/JSON 数据读取、数据转换、直方图(Histogram)绑制与美化
折线图、面积图、饼图、环形图、d3.line()、d3.pie()、d3.arc()
GeoJSON/TopoJSON 数据读取、球面投影、旋转地球仪实现
下拉选择框、国家边界高亮、d3.geoInterpolate 动画路径
d3.contourDensity()、核密度估计、Old Faithful 间歇喷泉数据
多图表联动、模块化 JS、D3 v7 综合实战
第 8-16 周 · 数据采集、设计、清理、编码、布局与交互
CSV、TSV、JSON、TopoJSON 数据获取与加载方式
可视化设计流程、标记/通道模型、图表类型选择
d3.filter()、数据转换、d3.autoType()、缺失值处理
d3.bin()、数据筛选、排序、采样与管道构建
比例尺、颜色通道、位置/大小编码、Tufte 图形原则
点/线/面积标记、d3.line()、d3.arc()、d3.pie()
d3.pie()、d3.arc()、d3.bin()、坐标轴与边距布局
下拉框交互、d3.interval()、悬停效果、动态数据更新
Tufte 框架、数据墨水比、谎言因子、改进策略