रीयल-टाइम पिज़्ज़ा डिलीवरी लीड-टाइम फ़्रीक्वेंसी डिस्ट्रीब्यूशन (काल्पनिक डेटा)
यह लेख आपको दिखाता है कि डी3 जावास्क्रिप्ट फ्रेमवर्क का उपयोग करके एंगुलर 8 एप्लिकेशन के अंदर प्रतिक्रियाशील चार्ट कैसे बनाया जाता है।
जबकि इस विषय को कवर करने वाले कई अच्छे लेख और चर्चा सूत्र हैं (कुछ संदर्भों में सूचीबद्ध हैं), मैंने उत्पादन-तैयार कोड बनाने के लिए आवश्यक सभी प्रमुख पहलुओं को एक साथ लाने का प्रयास किया है।
- गिटहब रेपो
- लाइव डेमो
कोणीय के शीर्ष पर D3 क्यों?
D3 (डेटा-संचालित-दस्तावेज़) की मुख्य क्षमता गतिशील एप्लिकेशन डेटा के जवाब में DOM तत्वों में हेरफेर करना है। लेकिन, इसलिए यह एंगुलर, रिएक्ट, jQuery और कई अन्य फ्रेमवर्क के लिए है।
कोणीय के साथ D3 (या समान) ढांचे का उपयोग करने की प्रेरणा निम्नलिखित डेटा विज़ुअलाइज़ेशन क्षमताएं प्रदान करना है:
- डीओएम से ग्राफिकल तत्वों को गतिशील रूप से बनाना और हटाना।
- ग्राफिकल तत्वों के लिए आवेदन डेटा बाध्यकारी।
- उपयोगकर्ता डेटा को चार्ट और आकार निर्देशांक में बदलना।
- संक्रमण और प्रक्षेप का उपयोग करके ग्राफिकल तत्वों को एनिमेट करना।
- उन्नत गणितीय कार्य।
इन D3 क्षमताओं और एंगुलर में समान सुविधाओं की कमी को देखते हुए, हम दोनों को सावधानी के साथ मिलाने के लिए आगे बढ़ते हैं।
#डेटा-विज़ुअलाइज़ेशन #d3js #charts #angular #angular 8
माध्यम.कॉम
कोणीय 8 में प्रतिक्रियाशील चार्ट D3.js . का उपयोग कर
यह लेख आपको दिखाता है कि डी3 जावास्क्रिप्ट फ्रेमवर्क का उपयोग करके एंगुलर 8 एप्लिकेशन के अंदर प्रतिक्रियाशील चार्ट कैसे बनाया जाता है। उत्पादन के लिए तैयार कोड बनाने के लिए आवश्यक मुख्य पहलू। कोणीय 8 में प्रतिक्रियाशील चार्ट D3.js . का उपयोग करना