一个简单的图

在介绍完毕后，我们立即开始学习 D3！

图表

我们将从一个简单图表的完整代码开始，然后逐部分进行讲解。以下是基本图表的样子：

代码

以下是实现该图表的代码：

请注意，此处省略了 <head></head> 标签，这在 D3 示例中很常见（可能是为了减少现代浏览器可以忽略的冗余代码，从而避免分散注意力）。

当我们完成对构成图表的功能模块的逐一解析后，我们将开始探讨需要添加和调整的内容，以便集成其他可完全复用的功能，这些功能同样适用于其他图表。

基于可以将文件拆分为若干组件部分的前提，我将分别从 HTML、CSS 和 JavaScript 三个层面解释主要模块。我会以较为灵活的方式进行说明，但请放心，所有内容最终都会清晰明了。