Atualização do código D3 v4 para carregamento de dados CSV no D3 v5

No D3 v4, o carregamento de dados de um arquivo CSV foi feito usando o XMLHttpRequest método, que não retornou uma promessa. No entanto, no D3 v5, a API fetch é usada e uma promessa é retornada. Isso requer uma modificação no código para lidar com a promessa.

Para atualizar o código fornecido para compatibilidade com 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!");
  });

No D3 v4, o código seria:

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

A principal diferença é o uso dos métodos .then() e .catch() para lidar com a promessa retornada pela função d3.csv.

Por que o Change?

D3 v5 usa Promises para lidar com operações assíncronas, o que fornece uma maneira mais moderna e padronizada de lidar com código assíncrono. As promessas permitem um código mais limpo e um tratamento de erros aprimorado em comparação com a abordagem anterior baseada em retorno de chamada no D3 v4.