تحديث كود D3 v4 لتحميل بيانات CSV في D3 v5

في D3 v4، تم تحميل البيانات من ملف CSV باستخدام XMLHttpRequest الطريقة التي لم ترجع الوعد. ومع ذلك، في D3 v5، يتم استخدام واجهة برمجة تطبيقات الجلب ويتم إرجاع الوعد بدلاً من ذلك. يتطلب هذا تعديلًا في الكود للتعامل مع الوعد.

لتحديث الكود المقدم للتوافق مع 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 الوعود للتعامل مع العمليات غير المتزامنة، مما يوفر طريقة أكثر حداثة وموحدة للتعامل مع التعليمات البرمجية غير المتزامنة. تسمح الوعود بتعليمات برمجية أكثر وضوحًا ومعالجة أفضل للأخطاء مقارنةً بالنهج السابق القائم على رد الاتصال في D3 v4.