← 返回导航

Demo 1 · D3 数据加载器

对应讲义章节 3.5 D3 数据选择器。本 demo 演示 异步加载 CSV、字段名映射(中文 → 英文)和 类型转换(字符串 → Number / Date)的完整流程。

3.1 数据加载与转换(推荐方式:分离 row 函数)

数据文件:../data/newstudent.csv · 共 … 行

点击按钮 → 观察控制台输出 + 下方表格
Console 输出
点击「重新加载」查看输出…
转换后的数据(前 10 行)
加载中…
字段映射对照
CSV 中文列名JS 变量名(英文)类型
关键点:用户原文指出 "中文部分是 csv 文件中的列名称,但在后继程序处理中,英文变量可以避免语法问题"—— 通过 transformRow 函数把中文键映射到英文,并把数值/时间字段从字符串转换为 Number / Date 类型。