Actualización del código D3 v4 para la carga de datos CSV en D3 v5

En D3 v4, la carga de datos desde un archivo CSV se realizó mediante XMLHttpRequest método, que no devolvió una promesa. Sin embargo, en D3 v5, se utiliza la API de recuperación y en su lugar se devuelve una promesa. Esto requiere una modificación en el código para manejar la promesa.

Para actualizar el código proporcionado para compatibilidad con 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!");
  });

En D3 v4, el código sería:

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

La principal diferencia es el uso de los métodos .then() y .catch() para manejar la promesa devuelta por la función d3.csv.

Por qué ¿Cambiar?

D3 v5 usa Promises para manejar operaciones asincrónicas, lo que proporciona una forma más moderna y estandarizada de manejar código asincrónico. Las promesas permiten un código más limpio y un mejor manejo de errores en comparación con el enfoque anterior basado en devolución de llamadas en D3 v4.