D3: selezionare più elementi con le classi

    

       
    <svg>
    <circle cx="50" cy="75" r="30" class="pari" />
    <circle cx="120" cy="75" r="30" />
    <circle cx="190" cy="75" r="30" class="pari" />
    <circle cx="260" cy="75" r="30" />
</svg>

<script>
    d3.selectAll(".pari")
      .attr("fill", "red")
</script>    
  

  <circle cx="50" cy="75" r="30" class="pari" />
<circle cx="120" cy="75" r="30" />
<circle cx="190" cy="75" r="30" class="pari" />
<circle cx="260" cy="75" r="30" />

Contrassegna alcuni cerchi con una classe dal nome pari.

  d3.selectAll(".pari")
  .attr("fill", "red")

Seleziona tutti gli elementi con la classe pari e modifica l’attributo fill di ognuno impostando il colore rosso.