如何使用随机生成的数据对d3条进行着色？

// 生成随机数据
var data = [];
for (var i = 0; i < 10; i++) {
  data.push(Math.random() * 100);
}

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

svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
  .attr("x", function(d, i) { return i * 50; })
  .attr("y", function(d) { return 300 - d; })
  .attr("width", 40)
  .attr("height", function(d) { return d; })
  .attr("fill", function(d) {
    // 定义颜色映射函数
    var colorScale = d3.scaleSequential()
      .domain([0, 100])
      .interpolator(d3.interpolateRgb("blue", "red"));
    return colorScale(d);
  });