D3.js 是一个强大的 JavaScript 库，用于创建交互式数据可视化。以下是一些基础的教程，帮助您开始使用 D3.js。

快速开始

  1. 安装 D3.js 您可以通过 CDN 链接快速引入 D3.js 到您的网页中。

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

  2. 创建一个简单的图表 以下是一个简单的条形图示例：

    var dataset = [30, 70, 20, 50, 10, 90];

var svg = d3.select("body").append("svg")
    .attr("width", 500)
    .attr("height", 300);

var barHeight = 30;

svg.selectAll("rect")
    .data(dataset)
    .enter().append("rect")
    .attr("y", function(d, i) { return i * barHeight; })
    .attr("height", barHeight)
    .attr("width", function(d) { return d * 10; });

  3. 学习更多 您可以在 D3.js 官方文档 中找到更多关于 D3.js 的信息。

图片示例

D3.js 图表示例

扩展阅读