D3 v5 में CSV डेटा लोड करने के लिए D3 v4 कोड अपडेट कर रहा है

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
});

मुख्य अंतर d3.csv फ़ंक्शन द्वारा लौटाए गए वादे को संभालने के लिए .then() और .catch() विधियों का उपयोग है।

क्यों Change?

D3 v5 एसिंक्रोनस ऑपरेशंस को संभालने के लिए प्रॉमिस का उपयोग करता है, जो एसिंक्रोनस कोड को संभालने के लिए अधिक आधुनिक और मानकीकृत तरीका प्रदान करता है। वादे D3 v4 में पिछले कॉलबैक-आधारित दृष्टिकोण की तुलना में क्लीनर कोड और बेहतर त्रुटि प्रबंधन की अनुमति देते हैं।