34、利用 D3 进行高级可视化

利用 D3 进行高级可视化

1. 高级可视化概述

在可视化领域，D3（Data-Driven Documents）是一个强大的 JavaScript 框架，可用于创建交互式和动画化的基于浏览器的可视化效果。它并非专门用于构建特定类型的图表，而是一个通用的可视化工具包，能实现几乎任何你能想象到的可视化形式，只要是可以用 HTML、SVG 或 Canvas 实现的。

我们将使用 D3 创建一个美国太空垃圾环绕地球轨道的可视化项目。这个可视化项目具有以下特点：
- 可缩放矢量图形（SVG） ：使用 SVG 来呈现可视化效果，它是一种 XML 格式，类似于 HTML，可用于渲染 2D 矢量图形，并且支持交互和动画效果。
- 交互式 ：当鼠标悬停在太空垃圾对象上时，会显示解释性文本。
- 动画化 ：可视化会逐年推进，展示每年发射的对象以及几十年来积累的太空垃圾情况。

2. 获取代码和数据

代码和数据可从 GitHub 的 Data Wrangling with JavaScript Chapter - 13 仓库获取。每个子目录都包含一个完整的工作示例，对应着不同的代码清单。
在运行每个子目录中的代码之前，请确保安装 Bower 依赖项。可以使用 live - server 运行代码，步