javascript - d3 でデータをバインドすると、何度も追加されます

Question

いくつかの長方形を作成するために d3 にバインドしたい 3 つの JSON オブジェクトの配列があります。ただし、配列を 1 回だけ通過するのではなく、複数回通過します。このコードが間違っているように見えるかどうか疑問に思っていました。

var w = 5000;
var h = 5000;
var svg = d3.select("body")
         .append("svg")
     .attr("width", w)   
     .attr("height", h);    

var elem = svg.selectAll("g")
         .data(dataset) 

var elemEnter = elem.enter()
                .append("g")

var rects = elemEnter.selectAll("rect")
            .data(dataArr)
            .enter()
            .append("rect")
            .attr("x", function(d, i) {
                console.log(i);
                return 75;
            })
            .attr("y", function(d, i) {
                return (i * 50) + 25;
            });

参考までに、コンソールに dataArr を出力するとこんな感じになります。[オブジェクト、オブジェクト、オブジェクト]

助けてくれてありがとう。四角形を作成しようとしているときに、データを複数回ループする理由を理解しようとしています。さらに、これは四角形を持つコード内の唯一の場所です。