2、D3入门指南

D3入门指南

1. 什么是D3

D3（D3.js或数据驱动文档）是一个基于数据来操作文档的JavaScript库。它借助HTML、SVG和CSS让数据鲜活起来。D3强调遵循Web标准，使你无需依赖专有框架，就能充分利用现代浏览器的全部功能，它将强大的可视化组件和数据驱动的DOM操作方法相结合。

使用D3可以轻松利用Web标准（尤其是SVG）创建可视化效果，这些可视化效果能在所有现代浏览器和大多数移动浏览器上运行。SVG即可缩放矢量图形，是一种基于XML的格式，用于定义二维矢量图像。与位图图像（如.PNG和.GIF）相比，矢量图像的优势在于可以轻松进行缩放和变换而不损失细节。SVG是W3C标准，几乎所有平台上的浏览器都支持，并且支持交互和动画。你可以直接将SVG图像作为图像文件加载，也可以通过操作浏览器DOM以编程方式创建它们，而这正是D3能为我们做的。

使用D3相较于其他框架的一个巨大优势是，它能轻松将数据绑定到屏幕上的元素，从而创建出能响应数据变化的可视化效果，这使得创建动画和交互元素比其他方法更加容易。你可以通过D3画廊（https://github.com/d3/d3/wiki/Gallery）查看大量令人印象深刻的示例，了解D3的强大功能。

2. 安装编辑器

学习D3最简单的方法是通过修改示例代码来观察效果。由于D3主要使用JavaScript和CSS，所以编辑示例代码只需要一个文本编辑器，但使用能理解JavaScript的文本编辑器会更方便。以下是一些适合处理JavaScript的文本编辑器和集成开发环境（IDE）：

2.1 文本编辑器

• Sublime