क्वाड्रंट चार्टसिंटैक्स

क्वाड्रंट चार्ट

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

उदाहरण

                            

                                

                                    
                                    कॉपी करें
                                
                                

                                    
                                    एम्बेड
                                
                            
                            
                                quadrantChart
    title Reach and engagement of campaigns
    x-axis Low Reach --> High Reach
    y-axis Low Engagement --> High Engagement
    quadrant-1 We should expand
    quadrant-2 Need to promote
    quadrant-3 Re-evaluate
    quadrant-4 May be improved
    Campaign A: [0.3, 0.6]
    Campaign B: [0.45, 0.23]
    Campaign C: [0.57, 0.69]
    Campaign D: [0.78, 0.34]
    Campaign E: [0.40, 0.34]
    Campaign F: [0.35, 0.78]
                            
                        

सिंटैक्स

शीर्षक

शीर्षक चार्ट का संक्षिप्त विवरण है, जो हमेशा चार्ट के शीर्ष पर रेंडर होगा।

उदाहरण

                            

                                

                                    
                                    कॉपी करें
                                
                                

                                    
                                    एम्बेड
                                
                            
                            quadrantChart
   title This is a sample example
                        

x-axis

x-अक्ष तय करता है कि x-अक्ष पर कौन सा टेक्स्ट प्रदर्शित होगा। x-अक्ष 'बाएँ' और 'दाएँ' दो भागों में विभाजित है, आप दोनों दर्ज कर सकते हैं या केवल 'बायाँ' दर्ज कर सकते हैं। कथन x-axis से शुरू होना चाहिए, फिर left axis text, फिर विभाजक -->, और अंत में right axis text।

उदाहरण

1. x-axis --> बाएँ और दाएँ अक्ष दोनों का टेक्स्ट रेंडर किया जाएगा।

2. x-axis केवल बाएँ अक्ष का टेक्स्ट रेंडर करता है।

y-axis

y-अक्ष तय करता है कि y-अक्ष पर कौन सा टेक्स्ट प्रदर्शित होगा। y-अक्ष 'ऊपर' और 'नीचे' दो भागों में विभाजित है, आप दोनों दर्ज कर सकते हैं या केवल 'निचला' दर्ज कर सकते हैं। यह कथन y-axis से शुरू होना चाहिए, फिर bottom axis text, फिर विभाजक -->, और अंत में top axis text।

उदाहरण

1. y-axis --> निचले और ऊपरी अक्ष दोनों का टेक्स्ट रेंडर किया जाएगा।

2. y-axis केवल निचले अक्ष का टेक्स्ट रेंडर करता है।

क्वाड्रेंट टेक्स्ट

quadrant-[1,2,3,4] तय करता है कि प्रत्येक क्वाड्रेंट में कौन सी टेक्स्ट सामग्री प्रदर्शित होगी।

उदाहरण

1. quadrant-1 तय करता है कि ऊपरी-दाएँ क्वाड्रेंट में कौन सा टेक्स्ट प्रदर्शित होगा

2. quadrant-2 तय करता है कि ऊपरी-बाएँ क्वाड्रेंट में कौन सा टेक्स्ट प्रदर्शित होगा।

3. quadrant-3 तय करता है कि निचले-बाएँ क्वाड्रेंट में कौन सा टेक्स्ट प्रदर्शित होगा।

4. quadrant-4 तय करता है कि निचले-दाएँ क्वाड्रेंट में कौन सा टेक्स्ट प्रदर्शित होगा।

बिंदु

क्वाड्रेंट चार्ट के भीतर एक वृत्त बनाने के लिए उपयोग किया जाता है। सिंटैक्स है : [x, y], जहाँ x और y का मान 0 - 1 की सीमा में होता है।

उदाहरण

1. Point 1: [0.75, 0.80], बिंदु 1 ऊपरी-दाएँ क्वाड्रेंट में बनाया जाएगा।

2. Point 2: [0.35, 0.24], बिंदु 2 निचले-बाएँ क्वाड्रेंट में बनाया जाएगा।

चार्ट कॉन्फ़िगरेशन

चार्ट थीम वेरिएबल

कॉन्फ़िगरेशन और थीम उदाहरण

                            

                                

                                    
                                    कॉपी करें
                                
                                

                                    
                                    एम्बेड
                                
                            
                            
                                ---
config:
  quadrantChart:
    chartWidth: 400
    chartHeight: 400
  themeVariables:
    quadrant1TextFill: "ff0000"
---
quadrantChart
  x-axis Urgent --> Not Urgent
  y-axis Not Important --> "Important ❤"
  quadrant-1 Plan
  quadrant-2 Do
  quadrant-3 Delegate
  quadrant-4 Delete
                            
                        

डेटा बिंदु शैली

डेटा बिंदुओं को सीधे स्टाइल किया जा सकता है, या पहले से परिभाषित साझा क्लास का उपयोग किया जा सकता है

                            

                                

                                    
                                    कॉपी करें
                                
                                

                                    
                                    एम्बेड
                                
                            
                            Point A: [0.9, 0.0] radius: 12
Point B: [0.8, 0.1] color: #ff3300, radius: 10
Point C: [0.7, 0.2] radius: 25, color: #00ff33, stroke-color: #10f0f0
Point D: [0.6, 0.3] radius: 15, stroke-color: #00ff0f, stroke-width: 5px ,color: #ff33f0
                        

                            

                                

                                    
                                    कॉपी करें
                                
                                

                                    
                                    एम्बेड
                                
                            
                            Point A:::class1: [0.9, 0.0]
Point B:::class2: [0.8, 0.1]
Point C:::class3: [0.7, 0.2]
Point D:::class3: [0.7, 0.2]
classDef class1 color: #109060
classDef class2 color: #908342, radius : 10, stroke-color: #310085, stroke-width: 10px
classDef class3 color: #f00fff, radius : 10
                        

उपलब्ध शैलियाँ:

शैली उदाहरण

                            

                                

                                    
                                    कॉपी करें
                                
                                

                                    
                                    एम्बेड
                                
                            
                            
                                quadrantChart
  title Reach and engagement of campaigns
  x-axis Low Reach --> High Reach
  y-axis Low Engagement --> High Engagement
  quadrant-1 We should expand
  quadrant-2 Need to promote
  quadrant-3 Re-evaluate
  quadrant-4 May be improved
  Campaign A: [0.9, 0.0] radius: 12
  Campaign B:::class1: [0.8, 0.1] color: #ff3300, radius: 10
  Campaign C: [0.7, 0.2] radius: 25, color: #00ff33, stroke-color: #10f0f0
  Campaign D: [0.6, 0.3] radius: 15, stroke-color: #00ff0f, stroke-width: 5px ,color: #ff33f0
  Campaign E:::class2: [0.5, 0.4]
  Campaign F:::class3: [0.4, 0.5] color: #0000ff
  classDef class1 color: #109060
  classDef class2 color: #908342, radius : 10, stroke-color: #310085, stroke-width: 10px
  classDef class3 color: #f00fff, radius : 10