D3 Lettura CSV

  d3.csv("nome-file.csv").then(data => {
    data.forEach(d => {
        d.lifespan = +d.lifespan
    })
    // creazione e modifica degli elementi
    // ....
})

  d3.csv("nome-file.csv").then(data => {

Il metodo csv() legge un file in formato CSV mentre il metodo then() aspetta che il file venga caricato ed esegue la funzione passata come argomento quando succede. L’argomento passato alla funzione contiene l’array di oggetti corrispondenti alle righe lette (in questo caso data) che può essere usato per creare gli elementi grafici.

  data.forEach(d => {
    d.lifespan = +d.lifespan
})

Una delle operazioni più frequenti, prima di utilizzare i dati, è quella di convertire le stringhe che contengono valori numerici. Usare l’operatore di somma aritmetica (+) è un trucco che permette di evitare la scrittura del codice

  data.forEach(d => {
    d.lifespan = parseFloat(d.lifespan)
})