Chapter 1 — Introduction

D3.js 入门与 SVG 基础

WebStorm 配置、D3 核心选择器、SVG 坐标系统

8 Slidesss D3.js Demo

学习目标

01

理解 SVG 坐标系统（原点位于左上角）

02

掌握 D3 的核心选择器 d3.select() 与 .append()

03

学会使用 .attr() 设置 SVG 元素属性

核心概念

d3.select() .append() .attr() SVG DOM Data-Driven

课堂幻灯片

点击放大 · 键盘 ← → 切换

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8

Live Demo

代码来源：代码/Lesson1