在D3中使用数组列表创建多个圆

Question

我是D3的新手。我一直在尝试显示数组列表的多个圆圈。但是，我设法获得一个圆，但它仅显示最后一条记录的圆。下面是代码。谁能帮助我建立三个不同的圈子？

var xyz = [[320, 52, 900], [220, 47, 1233], [89.5, 287, 899], [424.5, 
93.5, 1250]];
var circles = svg.selectAll("foo")
              .data(xyz)
              .enter()
              .append("circle");
circles.attr("cx", d=>d[0])
            .attr("cy", d=>d[1])
            .attr("r", d=>d[2]/80);

如何在D3上循环播放？