D3: Creazione di un elemento

    let svg = d3.create("svg")
svg.style("background-color", "red")

document.body.appendChild(svg.node())


  let svg = d3.create("svg")

Crea un elemento <svg> e salva il riferimento nella variabile svg.


  svg.style("background-color", "red")

Imposta il colore dello sfondo di svg al rosso.
A questo punto l’elemento non è ancora visibile nella pagina perché scollegato dal DOM.


  document.body.appendChild(svg.node());

Aggiunge l’elemento svg all’elemento <body>.
Ora l’elemento svg diventa visibile.

Se non ci sono motivi per rimandare l’aggiunta dell’elemento al DOM si può usare il metodo append() anche per mantenere un riferimento all’elemento nel caso servisse successivamente:


  let svg = d3.select("body").append("svg")  // crea e aggiunge l'elemento

svg.style("background-color", "red")