在D3 v5 中更新用於載入CSV 資料的D3 v4 程式碼

在D3 v4 中，從CSV 檔案載入資料是使用XMLHttpRequest 完成的方法，它沒有傳回一個承諾。然而，在 D3 v5 中，使用 fetch API 並傳回一個 Promise。這需要修改程式碼來處理承諾。

要更新提供的程式碼以實現 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 函數傳回的 Promise。

為什麼改變？

D3 v5 使用 Promises 來處理非同步操作，這提供了一種更現代、更標準化的方式來處理非同步程式碼。與先前 D3 v4 中基於回呼的方法相比，Promise 允許更清晰的程式碼和改進的錯誤處理。