使用d3在多个svg容器中嵌套多个rects？

使用d3在多个svg容器中嵌套多个rects可以通过以下步骤实现：

创建多个svg容器：使用d3.select()方法选择要嵌套rects的父容器，并使用append()方法创建多个svg元素。例如，可以使用以下代码创建两个svg容器：

var svg1 = d3.select("#container1").append("svg");
var svg2 = d3.select("#container2").append("svg");

设置svg容器的宽度和高度：使用attr()方法设置svg容器的宽度和高度。例如，可以使用以下代码设置svg容器的宽度为500像素，高度为300像素：

svg1.attr("width", 500)
    .attr("height", 300);

svg2.attr("width", 500)
    .attr("height", 300);

在每个svg容器中嵌套rects：使用selectAll()方法选择要嵌套rects的svg容器，并使用data()方法绑定数据。然后，使用enter()方法进入数据集，并使用append()方法创建rect元素。最后，使用attr()方法设置rect元素的属性，例如位置、大小、颜色等。以下是一个示例代码：

var data1 = [10, 20, 30, 40, 50];
var data2 = [50, 40, 30, 20, 10];

var rects1 = svg1.selectAll("rect")
    .data(data1)
    .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", "blue");

var rects2 = svg2.selectAll("rect")
    .data(data2)
    .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", "red");

在上述代码中，我们使用了两个数据集data1和data2，分别创建了两个svg容器中的rects。每个rect的位置、大小和颜色根据数据集中的值进行设置。

这是一个基本的示例，你可以根据实际需求进行修改和扩展。关于d3的更多信息和示例，请参考腾讯云的d3产品介绍链接。