1、开启 D3.js 数据可视化之旅

开启 D3.js 数据可视化之旅

1. 了解 D3.js

D3 即 Data - Driven Documents，依据官方 D3 维基的定义：D3.js 是一个基于数据来操作文档的 JavaScript 库。它借助 HTML、SVG 和 CSS 让数据鲜活起来。D3 着重于网络标准，使你无需依赖专有框架，就能充分发挥现代浏览器的全部功能，将强大的可视化组件与数据驱动的 DOM 操作方法相结合。

2. 所需工具

在开始使用 D3.js 进行数据可视化之前，你需要准备以下工具：
|工具|说明|
| ---- | ---- |
|文本编辑器|用于编辑和创建 HTML、CSS 和 JavaScript 文件|
|现代网页浏览器|如 Firefox 3、IE 9、Chrome、Safari 3.2 及以上版本|
|本地 HTTP 服务器|部分高级操作需要本地 HTTP 服务器来托管数据文件，后续会介绍基于 Node 或 Python 的简单 HTTP 服务器的搭建方法|
|Git 客户端（可选）|若想直接从 Git 仓库获取示例代码，需在计算机上安装 Git 客户端|

3. 搭建简单的 D3 开发环境

步骤

1. 创建项目目录 ：在本地创建一个新的文件夹，作为项目的根目录，例如命名为 d3 - project 。
2. 下载 D3.js 文件 ：你可以从 D3.js 的官方 GitHub 仓库（https://github.com/d3/d3 ）下