Run results for: Multi attributes

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Safari/605.1.15

Browser: Safari 13

Operating system: Mac OS X 10.13.6

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
def	1562.7 Ops/sec
each	1493.0 Ops/sec

HTML Preparation code:

<script src="https://d3js.org/d3.v5.min.js"></script>

Tests:

def
const data = d3.range(50).map(() => ({ x: Math.random() * 300, y: Math.random() * 150 })); const svg = d3.select("body") .append("svg"); svg.selectAll(null) .data(data) .enter() .append("circle") .attr("cx", d => d.x) .attr("cy", d => d.y) .attr("r", 2) .style("fill", "teal")
each
const data = d3.range(50).map(() => ({ cx: Math.random() * 300, cy: Math.random() * 150 })); const svg = d3.select("body") .append("svg"); svg.selectAll(null) .data(data) .enter() .append("circle") .each((d, i, n) => { for (let key in d) { n[i].setAttribute(key, d[key]) } }) .attr("r", 2) .style("fill", "teal")