Aktualisieren des D3 v4-Codes für das Laden von CSV-Daten in D3 v5

In D3 v4 erfolgte das Laden von Daten aus einer CSV-Datei mithilfe von XMLHttpRequest Methode, die kein Versprechen zurückgab. In D3 v5 wird jedoch die Abruf-API verwendet und stattdessen ein Versprechen zurückgegeben. Dies erfordert eine Änderung im Code, um das Versprechen zu verarbeiten.

So aktualisieren Sie den bereitgestellten Code für D3 v5-Kompatibilität:

d3.csv("data/dataset.csv")
  .then(function(data) {
    // Handle successful response
    // Do something with the data
  })
  .catch(function(error) {
    // Handle error
    alert("Couldn't load the dataset!");
  });

In D3 v4 wäre der Code:

d3.csv("data/dataset.csv", function(data) {
  // Handle response
  // Do something with the data
});

Der Hauptunterschied besteht in der Verwendung der Methoden .then() und .catch() zur Verarbeitung des von der d3.csv-Funktion zurückgegebenen Versprechens.

Warum die Ändern?

D3 v5 verwendet Promises zur Verarbeitung asynchroner Vorgänge, was eine modernere und standardisiertere Möglichkeit zur Verarbeitung asynchronen Codes bietet. Versprechen ermöglichen einen saubereren Code und eine verbesserte Fehlerbehandlung im Vergleich zum vorherigen rückrufbasierten Ansatz in D3 v4.