javascript - svg: 位置 x および y に対して翻訳

Question

rectまたはのような単純なオブジェクトを配置したい場合、属性または属性lineを使用する必要がありますか?transformxy

// this
d3.selectAll('rect')
    .attr('x', d => d)
    .attr('y', 0)

// or this?
d3.selectAll('rect')
    .attr("transform", d => `translate(${d}, 0)`);

性能差は？