D3: method chaining

Per rendere più sintetico il codice le chiamate ai metodi possono essere concatenate:

    <svg>
    <circle cx="60" cy="75" r="40" />
    <circle cx="150" cy="75" r="40" />
</svg>

<script>
    let cerchio = d3.select("circle").attr("fill", "red")
</script>       
    <svg>
    <circle cx="60" cy="75" r="40" />
    <circle cx="150" cy="75" r="40" />
</svg>

<script>
    let cerchio = d3.select("circle").attr("fill", "red")
</script>    
  

  let cerchio = d3.select("circle").attr("fill", "red")

Seleziona il (primo) elemento <circle> e di questo chiama il metodo attr() per impostare il colore di riempimento al rosso.

Se la variabile non è richiesta più avanti, si può evitare di crearla, e i metodi possono essere incolonnati su più righe per una migliore leggibilità:

  d3.select("circle")
  .attr("fill", "red")