Chapter 2 — Data Processing

数据处理与直方图

CSV/JSON 数据加载 · d3.bin() 直方图 · d3.scaleLinear()

8 Slidesss D3.js Demo
学习目标
01

掌握 JSON、CSV、WebAPI 等多种数据格式的加载方式

02

理解 d3.bin() 分箱统计的原理

03

学会使用 d3.scaleLinear() 和 d3.axisBottom() 绑制坐标轴

04

理解 D3 的 Data Join 模式：selectAll → data → join

核心概念
d3.csv() d3.json() d3.bin() d3.scaleLinear() d3.axisBottom() Data Join
课堂幻灯片
点击放大 · 键盘 ← → 切换
Slide 1
Slide 1
Slide 2
Slide 2
Slide 3
Slide 3
Slide 4
Slide 4
Slide 5
Slide 5
Slide 6
Slide 6
Slide 7
Slide 7
Slide 8
Slide 8
Live Demo
代码来源：代码/BarChart