← 返回课程门户

补充 Demo 集合

从 J:\教学\可视化导论新课件\ 导入 · 与课程章节配合的实战 demo

第 1 章 · 数据

对应 doc-01：1.1 数据生成

新生数据表格展示（d3.csv → renderTable）

newstudent.html

新生年龄分布饼图（d3.rollup 聚合 + d3.arc）

第 2 章 · 数据可视化流程

对应 doc-02：4.4 树形列表

可展开/折叠的树形列表（d3-hierarchy + d3.select）

新生数据管理系统（树 + 表格联动 + 搜索）

第 3 章 · 色彩专题

对应 doc-03：3.4 5 大色系

sex_compare.html

性别数据对比条形图（双系列 + 颜色编码）

第 4 章 · 低维数据可视化

对应 doc-04：4.1 数据转换 / 4.3 曲线拟合 / 4.5 等值线

1985 美国犯罪数据性别差异（d3-regression 散点）

regression.html

d3-regression 线性回归最小示例

10×10 terrain colormap 热力图（d3.interpolateViridis）

10×10 标记法（按数值大小画方块）

移动四边形法等值线提取（自实现 Marching Squares）

D3 内置 d3-contour 等值线

volumeRendering.html

WebGL 体绘制（Three.js，等值线 3D 扩展）

第 5 章 · 时序数据可视化

对应 doc-05：5.3 日历热图 / 5.4 阿基米德螺旋

yearcalendar.html

带日分割线的横纵转置热力图日历（van Wijk 风格）

2008 螺旋时间轴日历（基础版）

2008 螺旋时间轴日历（变体 1）

2008 螺旋时间轴日历（变体 3）