D3.js, JSON e altri formati di dati

D3.js permette di caricare e usare dati da file esterni in diversi formati come

• CSV (Comma-Separated Values)
• TSV (Tab-Separated Values)
• XML (eXtensible Markup Language)

D3.js supporta anche il formato più utilizzato dai servizi online che restituiscono dati:

• JSON (JavaScript Object Notation)

con il quale è possibile definire array e oggetti attraverso la sintassi di JavaScript e leggerli senza la necessità di ulteriori funzioni.

  {
  "squadName": "Super hero squad",  // PROPRIETA' GENERALI
  "homeTown": "Metro City",
  "formed": 2016,
  "secretBase": "Super tower",
  "active": true,
  "members": [                      // ARRAY DI DATI
    {                               // 1° ELEMENTO
      "name": "Molecule Man",
      "age": 29,
      "secretIdentity": "Dan Jukes",
      "powers": ["Radiation resistance", "Turning tiny", "Radiation blast"]
    },
    {                               // 2° ELEMENTO 
      "name": "Madame Uppercut",
      "age": 39,
      "secretIdentity": "Jane Wilson",
      "powers": ["Million tonne punch", "Damage resistance", "Superhuman reflexes"
      ]
    },
    {                               // 3° ELEMENTO
      "name": "Eternal Flame",
      "age": 1000000,
      "secretIdentity": "Unknown",
      "powers": ["Immortality", "Heat Immunity", "Inferno", "Teleportation", "Interdimensional travel"
      ]
    }
  ]
}

• MDN Web Docs