इंटरैक्टिव सुविधाएँ
ज़ूम करें, मँडराएँ और पैन करें
इंटरैक्टिव सुविधाएँ, CoddyKit पर Python Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Python Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Python Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
इंटरऐक्टिविटी क्यों महत्वपूर्ण है
स्थिर लाइब्रेरी की तुलना में प्लॉटली का सबसे बड़ा लाभ यह है कि चार्ट उपयोगकर्ता की क्रियाओं पर प्रतिक्रिया देते हैं। पाठक किसी क्षेत्र को ज़ूम कर सकते हैं, डेटा में पैन कर सकते हैं और सटीक मान पढ़ने के लिए होवर कर सकते हैं, इसलिए आपको चार्ट पर बहुत सारे लेबल भरने की आवश्यकता नहीं होती।
इंटरऐक्टिविटी से एक ही चार्ट समग्र दृश्य और विस्तृत जानकारी, दोनों दे सकता है।
होवर टूलटिप्स
डिफ़ॉल्ट रूप से, किसी बिंदु पर होवर करने पर उसके x और y मान दिखते हैं। आप hover_data=['col1', 'col2'] से अतिरिक्त कॉलम जोड़कर या hover_name='name' से टूलटिप का गाढ़े अक्षरों वाला शीर्षक तय करके इसे और उपयोगी बना सकते हैं।
अच्छे टूलटिप्स से स्वयं प्लॉट पर अनावश्यक भीड़ लगाने की आवश्यकता नहीं रहती।
टूलटिप स्ट्रिंग बनाना
संकल्पना के स्तर पर, टूलटिप डेटा की एक पंक्ति से तैयार किया गया फ़ॉर्मैट किया हुआ पाठ मात्र है। यही विचार सामान्य पाइथन में इस प्रकार है।
point = {'name': 'Berlin', 'pop': 3700000, 'gdp': 154}
tooltip = point['name'] + '\nPop: ' + format(point['pop'], ',') + '\nGDP: ' + str(point['gdp'])
print(tooltip)ज़ूम और पैन
प्लॉटली फ़िगर में ज़ूम, पैन और बॉक्स से चयन करने वाले औज़ारों के साथ एक मोड बार होता है। उपयोगकर्ता किसी आयताकार क्षेत्र पर ड्रैग करके ज़ूम कर सकते हैं और रीसेट करने के लिए डबल-क्लिक कर सकते हैं।
ये व्यवहार डिफ़ॉल्ट रूप से चालू रहते हैं; आम तौर पर इनके लिए आपको कोई कोड नहीं लिखना पड़ता।
सीमा और रीसेट
ज़ूम करने से अक्ष की सीमा अस्थायी रूप से बदल जाती है। आप fig.update_xaxes(range=[0, 100]) से शुरुआती सीमा तय कर सकते हैं और उपयोगकर्ता हमेशा उसी पर रीसेट कर सकता है।
ज़ूम को डेटा की पूरी सीमा में से किसी छोटे उप-क्षेत्र को चुनने के रूप में समझें।
full_min, full_max = 0, 1000
zoom_min, zoom_max = 200, 400
visible = zoom_max - zoom_min
total = full_max - full_min
print('Zoom shows', round(visible / total * 100), '% of the range')होवर मोड
fig.update_layout(hovermode='x unified') एक ही टूलटिप दिखाता है, जिसमें होवर किए गए x स्थान पर मौजूद हर श्रृंखला की जानकारी होती है। एक ही समय-बिंदु पर कई रेखाओं की तुलना करने के लिए यह बहुत उपयोगी है।
अन्य मोड में 'closest' और 'x' शामिल हैं।
लेजेंड की इंटरऐक्टिविटी
प्लॉटली के लेजेंड पर क्लिक किया जा सकता है। एक बार क्लिक करने पर कोई श्रृंखला छिप जाती है; दो बार क्लिक करने पर केवल वही श्रृंखला दिखाई देती है। इससे उपयोगकर्ता अलग-अलग चार्ट बनाए बिना अपनी रुचि के डेटा पर ध्यान केंद्रित कर सकते हैं।
जब भी आपके चार्ट में कई ट्रेस होते हैं, यह सुविधा अपने-आप काम करती है।
रेंज स्लाइडर
समय-श्रृंखला के लिए fig.update_xaxes(rangeslider_visible=True) से रेंज स्लाइडर जोड़ें। नीचे एक छोटा अवलोकन चार्ट दिखाई देता है, जिसमें उपयोगकर्ता तारीखों की सीमा चुनने के लिए स्लाइड कर सकते हैं।
यह 1m, 6m और YTD जैसे रेंज चयनकर्ता बटनों के साथ अच्छी तरह काम करता है।
कस्टम होवर टेम्पलेट
पूरे नियंत्रण के लिए hovertemplate का उपयोग करें। यह %{x} और %{y} जैसे प्लेसहोल्डर वाली स्ट्रिंग होती है। होवर करते समय दिखने वाले सटीक पाठ और संख्या के फ़ॉर्मैट का निर्णय आप करते हैं।
टेम्पलेट तैयार करना किसी भी फ़ॉर्मैट की हुई स्ट्रिंग तैयार करने जैसा है।
x, y = 2021, 42.567
template = 'Year %{x}: $%{y:.1f}M'
rendered = template.replace('%{x}', str(x)).replace('%{y:.1f}', format(y, '.1f'))
print(rendered)कब रुकना है, यह जानना
इंटरऐक्टिविटी शक्तिशाली है, लेकिन इसकी भी एक लागत होती है। बहुत सारे नियंत्रण सामान्य पाठकों को उलझा सकते हैं। उन्हीं सुविधाओं को चालू करें जो वास्तविक सवालों के जवाब देती हैं और बाकी के लिए समझदारी भरे डिफ़ॉल्ट पर निर्भर रहें।
मोड बार
हर फ़िगर के ऊपरी-दाएँ कोने में मौजूद टूलबार को मोड बार कहते हैं। इसमें ज़ूम, पैन, स्वचालित स्केल और PNG डाउनलोड करने वाला कैमरा बटन होता है। फ़िगर दिखाते समय config आर्ग्युमेंट से आप इसे व्यवस्थित या छिपा सकते हैं।
अनुपयोगी बटन छिपाने से तकनीकी जानकारी न रखने वाले दर्शकों के लिए चार्ट अधिक साफ़ दिखता है।
त्वरित जाँच
इंटरऐक्टिव सुविधाओं के बारे में अपनी जानकारी जाँचें।
पुनरावलोकन
आपने प्लॉटली की इंटरऐक्टिविटी को समझा:
- होवर टूलटिप्स, जिन्हें
hover_dataऔरhovertemplateसे अधिक उपयोगी बनाया जा सकता है - अंतर्निहित मोड बार के माध्यम से ज़ूम और पैन
- संयुक्त टूलटिप्स के लिए
hovermode='x unified' - क्लिक किए जा सकने वाले लेजेंड और समय-श्रृंखला के रेंज स्लाइडर
इन सुविधाओं का उपयोग सोच-समझकर वास्तविक सवालों के जवाब देने के लिए करें।
एआई शिक्षक के साथ Python सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 76
- पाठ
- 320
अक्सर पूछे जाने वाले प्रश्न
क्या “इंटरैक्टिव सुविधाएँ” पाठ निःशुल्क है?
हाँ—“इंटरैक्टिव सुविधाएँ” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Python Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Python Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“इंटरैक्टिव सुविधाएँ” में मैं क्या सीखूँगा?
ज़ूम करें, मँडराएँ और पैन करें आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Python Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या Python Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Python Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।
“इंटरैक्टिव सुविधाएँ” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस Python Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर Python Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- Plotly Express की मूल बातें
- इंटरैक्टिव सुविधाएँ
- डैशबोर्ड की अवधारणाएँ
- निर्यात और एम्बेडिंग