Mise à jour du code D3 v4 pour le chargement des données CSV dans D3 v5

Dans D3 v4, le chargement des données à partir d'un fichier CSV a été effectué à l'aide de XMLHttpRequest méthode, qui n’a pas renvoyé de promesse. Cependant, dans D3 v5, l'API fetch est utilisée et une promesse est renvoyée à la place. Cela nécessite une modification du code pour gérer la promesse.

Pour mettre à jour le code fourni pour la compatibilité D3 v5 :

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!");
  });

Dans D3 v4, le code serait :

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

La principale différence réside dans l'utilisation des méthodes .then() et .catch() pour gérer la promesse renvoyée par la fonction d3.csv.

Pourquoi le Changer ?

D3 v5 utilise Promises pour gérer les opérations asynchrones, ce qui fournit une manière plus moderne et standardisée de gérer le code asynchrone. Les promesses permettent un code plus propre et une gestion améliorée des erreurs par rapport à l'approche précédente basée sur les rappels dans D3 v4.