D3 Join Enter Update Exit

  let radius = [10, 20, 30, 40]

svg.selectAll("circle")
   .data(radius)
   .join("circle")

 
Il metodo join() combina in un’unica chiamata i metodi:

• enter() che seleziona gli elementi “circle” mancanti, in relazione ai dati passati attraverso data(), e viene usato per aggiungerli (con append())

• update() che seleziona gli elementi “circle” che corrispondono ai dati esistenti e viene usato per aggiornarli

• exit() che seleziona gli elementi “circle” senza corrispondenza con i dati e viene usato per rimuoverli (con remove())

• selection.join(enter, update, exit)