Chapter 5

地理可视化进阶

国家选择 · 下拉框交互 · d3.geoInterpolate() · 动态路径动画

6 Slidesss D3.js Demo
学习目标
01

使用 HTML <select> 下拉框实现国家选择

02

掌握 d3.geoInterpolate() 沿地球表面两点间插值

03

使用 d3.geoCircle() 生成圆形地理标记

04

实现选中国家的动态高亮与路径动画

核心概念
<select> d3.geoInterpolate() d3.geoCircle() Country Highlight Animation
课堂幻灯片
点击放大 · 键盘 ← → 切换
Slide 1
Slide 1
Slide 2
Slide 2
Slide 3
Slide 3
Slide 4
Slide 4
Slide 5
Slide 5
Slide 6
Slide 6
Live Demo
代码来源：代码/Geovis+