समानांतर चार्ट: बहुआयामी डेटा विश्लेषण

जब बहुचलन डेटा बिंदुओं की बहुत सारी संख्यात्मक या श्रेणीबद्ध अक्षों के साथ एक साथ तुलना की जाती है, तोसमानांतर निर्देशांक चार्ट एक आवश्यक दृश्य उपकरण है। लंबवत क्षैतिज और ऊर्ध्वाधर अक्षों के साथ निर्देशांक के मानचित्रण के बजाय, समानांतर आलेख सभी आयामों को समानांतर रेखाओं के रूप में एक साथ रखते हैं। व्यक्तिगत डेटा प्रविष्टियों को प्रत्येक अक्ष को काटते हुए निरंतर बहुपद रेखा के रूप में दर्शाया जाता है, जिससे आसानी से पहचान करना संभव होता हैबहु-लक्षणीय समूह, व्यापार बलात्कार, सहसंबंध और विचलन—जैसे घोड़े के बल, वजन, ईंधन कुशलता, मूल्य और सुरक्षा रेटिंग के आधार पर कार मॉडल की तुलना करना।

समानांतर चार्ट की यांत्रिकी

एपाची ईचार्ट्स में, समानांतर निर्देशांक आलेख एक निर्दिष्टसमानांतर अक्ष कॉन्फ़िगरेशन ब्लॉक पर निर्भर करते हैं जो प्रत्येक समानांतर पैमाने को परिभाषित करता है (इसका अक्ष सूचकांक, आयाम का नाम और डेटा प्रकार)। चार्ट श्रृंखला सेट करती हैप्रकार: 'समानांतर' और बहु-तत्व मान सरणियों की पंक्तियों को प्रत्येक संगत अक्ष सूचकांक के साथ मैप करती है।

1. आवश्यक सेटअप

एक मूल समानांतर चार्ट बनाने के लिए, अपने आयामों कोसमानांतर अक्ष सरणी में परिभाषित करें और अपनी श्रृंखला के भीतर संगत निर्देशांक सरणियां पास करेंडेटा:

विकल्प = {
    समानांतर अक्ष: [
        { आयाम: 0, नाम: 'मूल्य ($)' },
        { आयाम: 1, नाम: 'रेटिंग' },
        { आयाम: 2, नाम: 'वजन (किग्रा)' },
        { आयाम: 3, नाम: 'शक्ति (HP)' }
    ],
    श्रृंखला: [
        {
            प्रकार: 'समानांतर',
            रेखा शैली: {
                चौड़ाई: 2
            },
            डेटा: [
                [1299, 4.5, 1.2, 120],
                [899, 4.0, 1.5, 95],
                [1599, 4.8, 1.1, 150],
                [499, 3.5, 2.0, 80],
                [2100, 4.9, 0.9, 180]
            ]
        }
    ]
};

 

उन्नत संरचनात्मक तकनीकें

समानांतर चार्ट को दृश्य रंग धारियों या मिश्रित श्रेणीबद्ध पैमानों के साथ मिलाकर अलग-अलग उत्पाद श्रेणियों के बीच जटिल व्यापार बलात्कारों के मूल्यांकन के लिए उपयोग किया जा सकता है।

1. आयामों के आधार पर दृश्य मानचित्र रंग धारियां

एकदृश्य मानचित्रएक मुख्य अक्ष आयाम के साथ (उदाहरण के लिए, रेखा रंग को प्रदर्शन रेटिंग के अनुसार मैप करना) जोड़ें ताकि सभी समानांतर अक्षों के आधार पर शीर्ष स्तर के प्रदर्शनकारियों को तुरंत उजागर किया जा सके:

विकल्प = {
    समानांतर अक्ष: [
        { आयाम: 0, नाम: 'CPU कोर' },
        { आयाम: 1, नाम: 'RAM (GB)' },
        { आयाम: 2, नाम: 'स्टोरेज (TB)' },
        { आयाम: 3, नाम: 'मासिक लागत ($)', न्यूनतम: 0, अधिकतम: 200 }
    ],
    दृश्य मान: {
        दिखाएं: सत्य,
        प्रकार: 'निरंतर',
        न्यूनतम: 0,
        अधिकतम: 200,
        आयाम: 3, // आयाम सूचकांक 3 (मासिक लागत) के आधार पर रंग लाइन पथ
        सीमा में: {
            रंग: ['#91cc75', '#fac858', '#ee6666'] // हरा (कम लागत) से लाल (अधिक लागत)
        },
        दिशा: 'क्षैतिज',
        ऊपर: '2%',
        बाएं: 'केंद्र'
    },
    समानांतर: {
        ऊपर: '18%',
        नीचे: '10%'
    },
    श्रृंखला: [
        {
            प्रकार: 'समानांतर',
            रेखा शैली: {
                चौड़ाई: 3,
                अदृश्यता: 0.8
            },
            डेटा: [
                [4, 8, 0.5, 25],
                [8, 16, 1.0, 50],
                [16, 32, 2.0, 110],
                [32, 64, 4.0, 185],
                [12, 24, 1.5, 80]
            ]
        }
    ]
};

 

लेआउट और इंटरैक्टिव फ़िल्टरिंग को सूक्ष्म समायोजित करना

मुलायम वक्र और रेखा अदृश्यता जोड़ने से घने, एक दूसरे को काटते हुए डेटा धागे उपयोगकर्ता इंटरफ़ेस को अतिभारित करने से बचाते हैं।

1. मुलायम वक्र पथ और कम अदृश्यता वाले धागे

सेट करें मुलायम: सत्य और रेखा अदृश्यता को कम करें ताकि उच्च घनत्व वाले डेटा ओवरलैप और क्लस्टर प्राकृतिक रूप से दिखाई दें:

विकल्प = {
    समानांतर अक्ष: [
        { आयाम: 0, नाम: 'स्कोर A' },
        { आयाम: 1, नाम: 'स्कोर B' },
        { आयाम: 2, नाम: 'स्कोर C' },
        { आयाम: 3, नाम: 'स्कोर D' },
        { आयाम: 4, नाम: 'स्कोर E' }
    ],
    समानांतर: {
        बाएं: '10%',
        दाएं: '10%',
        नीचे: '12%',
        ऊपर: '12%'
    },
    श्रृंखला: [
        {
            प्रकार: 'समानांतर',
            मुलायम: सत्य, // साफ दृश्य के लिए वक्र रेखा पथ
            रेखा शैली: {
                रंग: '#5470c6',
                चौड़ाई: 2,
                अदृश्यता: 0.45
            },
            डेटा: [
                [85, 92, 78, 90, 88],
                [70, 65, 80, 72, 75],
                [95, 88, 92, 96, 94],
                [60, 75, 68, 62, 70],
                [88, 90, 85, 89, 91],
                [78, 82, 74, 80, 83]
            ]
        }
    ]
};

 

रणनीतिक बेस्ट प्रैक्टिसेज

  • अक्षों को विचारपूर्वक व्यवस्थित करें: संबंधित या सीधे तुलनीय मापदंडों को पास-पड़ोस के अक्षों पर रखें ताकि संबंध और क्रॉसओवर प्रवृत्तियां आसानी से दिखाई दें।
  • उच्च डेटा आयतन के लिए कम अदृश्यता का उपयोग करें: दर्जनों या सैकड़ों रेखाओं के चित्रण के समय, कम करें रेखा शैली.अदृश्यता को 0.20.5 ताकि ओवरलैपिंग प्रवृत्तियां अप्राकृतिक रूप से गहरे, उच्च घनत्व वाले बैंड बनाएं।
  • सक्षम करें मुलायम: सत्य जटिल डेटासेट्स के लिए: रेखा पथों पर हल्के वक्रता लागू करने से धागे एक दूसरे के बाद बारी-बारी से कई समानांतर अक्षों को पार करते समय तीखे दृश्य कोणों को कम करता है।
Scroll to Top