1、数据驱动文档（D3）入门指南

数据驱动文档（D3）入门指南

1. D3简介

D3.js（或简称D3，即数据驱动文档）是一个用于操作文档对象模型（DOM）树以直观呈现信息的JavaScript库，已成为网页信息图形的事实标准。尽管D3很受欢迎，但它有学习曲线陡峭的名声。这并非因为D3复杂或API庞大，而是新用户常因错误假设而遇到困难。很多人因D3能创建令人印象深刻的图形，就将其视为“图形库”，期望它能方便处理图形基元并为常见绘图类型提供高级支持。然而，D3并非图形库，而是操作DOM树的JavaScript库，其基本构建块是节点和DOM元素，典型活动是通过属性设置元素样式，“当前位置”由DOM树中的节点选择决定。

D3作为一种网络技术，依赖于一系列其他网络技术，如DOM API和事件模型、级联样式表（CSS）选择器和属性、JavaScript对象模型以及可缩放矢量图形（SVG）。在很多情况下，D3只是这些技术的一层相对较薄的封装，其设计常反映底层API，这使得学习环境庞大且有些复杂。不过，D3让这些技术更易用，并提供了大量的统一和抽象。但SVG是必须深入理解的领域，不仅要了解其表示元素，还要掌握控制图形内信息组织的结构元素。

2. 目标读者

D3适合想将其加入工具集的程序员和科学家。目标读者应具备以下条件：
- 掌握至少一两种编程语言（不一定是JavaScript），有从语言参考中学习新语言语法的信心。
- 熟悉当代编程概念，如循环、条件语句、常见数据结构，以及闭包和高阶函数。
- 对XML及其在文档中施加的层次结构有基本理解，了解DOM如何将网页元素视为树中的节点，但不要求熟悉原始DOM API或其现代替代方案（如jQuery）。
- 接触过简单的