Function chaining

utilizza in maniera estensiva l'approccio function chaining dove più funzioni vengono chiamate consecutivamente sullo stesso oggetto.

  let svg = d3
    .select("#multiple-charts")
    .selectAll("svg")
    .data(data)
    .enter()
    .append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
    .attr("class", "unique-chart")
    .attr("id", (d) => { return d.key.replace(/[\.,\s,\']+/g, "_");})
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

Le funzioni possono essere concatenate perché l'istruzione che precede restuisce un risultato che può essere processato da quella successiva.

Per approfondire: D3: Method Chaining and Functions of Data