Обновление кода D3 v4 для загрузки данных CSV в D3 v5

В D3 v4 загрузка данных из файла CSV выполнялась с использованием XMLHttpRequest метод, который не вернул обещание. Однако в D3 v5 используется API выборки и вместо этого возвращается обещание. Это требует изменения кода для обработки обещания.

Чтобы обновить предоставленный код для совместимости с 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!");
  });

В D3 v4 код будет таким:

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

Основное отличие заключается в использовании методов .then() и .catch() для обработки обещания, возвращаемого функцией d3.csv.

Почему Изменить?

D3 v5 использует Promises для обработки асинхронных операций, что обеспечивает более современный и стандартизированный способ обработки асинхронного кода. Промисы позволяют сделать код более чистым и улучшить обработку ошибок по сравнению с предыдущим подходом на основе обратных вызовов в D3 v4.