D3.js 学习指南

D3.js 是一个强大的 JavaScript 库，用于数据可视化。它可以帮助你将数据转换成图形和图表，并允许你进行交互式操作。

快速开始

1. 安装 D3.js 你可以通过 CDN 来快速引入 D3.js 库：

   <script src="https://d3js.org/d3.v6.min.js"></script>
   

2. 选择元素 使用 D3 选择 HTML 元素：

   d3.select("body").append("div");
   

3. 添加数据 将数据绑定到元素上：

   d3.select("div")
     .data([5, 10, 15, 20])
     .enter().append("circle");
   

4. 设置样式 为元素设置样式：

   d3.select("circle")
     .attr("r", d => d * 5)
     .style("fill", "steelblue");
   

资源链接

• D3.js 官方文档

实例图片

这里有一个 D3.js 生成的饼图示例：

希望这个指南能帮助你快速上手 D3.js！