d3.js 扇形图

// 数据
var data = [10, 20, 30, 40];

// 设置 SVG 容器
var svg = d3.select("body")
            .append("svg")
            .attr("width", 500)
            .attr("height", 500);

// 创建扇形图布局
var pie = d3.pie()(data);

// 创建弧生成器
var arc = d3.arc()
            .innerRadius(0)
            .outerRadius(200);

// 绘制扇形图
var arcs = svg.selectAll("g")
             .data(pie)
             .enter()
             .append("g")
             .attr("transform", "translate(250,250)");

arcs.append("path")
    .attr("d", arc)
    .attr("fill", function(d, i) {
        return d3.schemeCategory10[i]; // 使用预定义的颜色方案
    });