如何在D3中将多张图片添加到svg中(按数据集中的值计算数量)

var svg = d3.select("svg");

var data = [
  { image: "path/to/image1.jpg", value: 5 },
  { image: "path/to/image2.jpg", value: 3 },
  { image: "path/to/image3.jpg", value: 7 },
  // 更多图片数据...
];

var images = svg.selectAll("image")
  .data(data)
  .enter()
  .append("image")
  .attr("xlink:href", function(d) { return d.image; })
  .attr("width", 50) // 设置图片宽度
  .attr("height", 50) // 设置图片高度
  .attr("x", function(d, i) { return i * 60; }) // 根据索引位置设置图片的x坐标
  .attr("y", 50); // 设置图片的y坐标