पायथन का व्यापक रूप से डेटा एनालिटिक्स, मशीन लर्निंग, वेब स्क्रैपिंग और बहुत कुछ के लिए उपयोग किया जाता है। लेकिन क्या आप जानते हैं कि वेब एप्लिकेशन बनाने के लिए आप HTML में Python कोड भी चला सकते हैं?
PyScript इसे संभव बनाता है, जिससे आप एक ब्राउज़र में Python कोड चला सकते हैं। कई PyScript-HTML उदाहरणों की सहायता से वेब पेज पर matplotlib विज़ुअलाइज़ेशन जोड़ने का तरीका जानें।
पायस्क्रिप्ट क्या है?
PyScript एक ओपन-सोर्स वेब फ्रेमवर्क है जो आपको वेब ब्राउज़र में पायथन चलाने देता है. यह एचटीएमएल इंटरफेस और पायोडाइड, डब्ल्यूएएसएम, और आधुनिक वेब प्रौद्योगिकियों की शक्ति को एकीकृत करता है। PyScript अभी विकास के चरण में है लेकिन इसमें पहले से ही कुछ रोमांचक विशेषताएं हैं। संभावित रूप से, यह शक्तिशाली वेब एप्लिकेशन बनाने का एक उपकरण बन सकता है।
इस परियोजना में प्रयुक्त कोड a. में उपलब्ध है गिटहब भंडार और आपके लिए एमआईटी लाइसेंस के तहत उपयोग करने के लिए स्वतंत्र है। यदि आप इस परियोजना के लाइव संस्करण को देखना चाहते हैं, तो आप देख सकते हैं लाइन प्लॉट तथा बारप्लॉट डेमो
HTML बॉयलरप्लेट सेट करें
PyScript का उपयोग करने से पहले, आपको चीजों को सेट करना होगा। एक नई HTML फ़ाइल बनाएँ और HTML बॉयलरप्लेट सेट करें। अधिकांश
आधुनिक आईडीई स्वचालित रूप से बॉयलरप्लेट बनाने के लिए कार्यक्षमता प्रदान करें। आपको केवल टाइप करने की आवश्यकता है दस्तावेज़ या एचटीएमएल और एंटर दबाएं। आरंभ करने के लिए आप निम्न टेम्पलेट का भी उपयोग कर सकते हैं:<!DOCTYPE html>
<एचटीएमएल>
<सिर>
<मेटा वर्णसेट ="यूटीएफ-8">
<मेटा http-equiv="एक्स-UA- संगत" सामग्री ="आईई = बढ़त">
<शीर्षक></title>
<मेटा नाम ="विवरण" सामग्री ="">
<मेटा नाम ="व्यूपोर्ट" सामग्री ="चौड़ाई = उपकरण-चौड़ाई, प्रारंभिक-पैमाना = 1">
</head>
<तन>
</body>
</html>
HTML में PyScript जोड़ें: "हैलो, वर्ल्ड!" पायस्क्रिप्ट का उपयोग करना
आप अपनी HTML फ़ाइल में PyScript का उपयोग या तो इसे डाउनलोड करके या इसके CDN को अपने HTML हेड में लिंक करके कर सकते हैं। में निम्नलिखित जोड़ें आपकी HTML फ़ाइल का अनुभाग:
<लिंक रिले ="शैली पत्रक" href="https://pyscript.net/alpha/pyscript.css" />
<स्क्रिप्ट डिफर src="https://pyscript.net/alpha/pyscript.js"></script>PyScript सेट करने के लिए आपको बस इतना ही करना है।
यह सत्यापित करने के लिए कि क्या PyScript को सफलतापूर्वक एकीकृत किया गया था, कोड की निम्न पंक्ति को इसमें जोड़ें खंड:
<तन>
<py-script>प्रिंट ("नमस्ते दुनिया!")</py-script>
</body>किसी भी वेब ब्राउज़र में HTML फ़ाइल खोलें और आप देखेंगे नमस्ते दुनिया! वहाँ मुद्रित।
Matplotlib लाइब्रेरी लोड करें
आपको का उपयोग करने की आवश्यकता है पायथन मॉड्यूल आयात करने के लिए टैग। लोड करें मैटप्लोटलिब में मॉड्यूल निम्नलिखित स्निपेट का उपयोग करके अपनी HTML फ़ाइल का अनुभाग:
<py-env>
- मैटप्लोटलिब
</py-env>ब्राउज़र में PyScript का उपयोग करके एक लाइन प्लॉट प्रदर्शित करें
बनाओ एक साथ पहचान. आपको इसकी आवश्यकता होगी पहचान के साथ इसका उपयोग करने के लिए उत्पादन की विशेषता उपनाम।
<डिव आईडी ="matplotlib-lineplot"></div>आपको पायथन कोड लिखना होगा उपनाम। उपरोक्त असाइन करें पहचान को उत्पादन की विशेषता उपनाम।
<py-स्क्रिप्ट आउटपुट ="matplotlib-lineplot">
#पायथन कोड
</py-script>अब आप एक लाइन प्लॉट बनाने के लिए पायथन कोड लिखने के लिए तैयार हैं:
<तन>
<डिव आईडी ="matplotlib-lineplot"></div>
<py-स्क्रिप्ट आउटपुट ="matplotlib-lineplot">
#पायथन कोड
# matplotlib लाइब्रेरी आयात करना
आयात matplotlib.pyplot जैसा पठार
अंजीर, कुल्हाड़ी = plt.subplots ()
# एक्स अक्ष
एक्स = ["अजगर", "सी++", "जावास्क्रिप्ट", "गोलांग"]
# वाई अक्ष
वाई = [10, 5, 9, 7]
प्लॉट प्लॉट (एक्स, वाई, मार्कर ='हे', लाइनस्टाइल ='-', रंग ='बी')
# एक्स-लेबल का नामकरण
plt.xlabel('भाषा')
# y-लेबल का नामकरण
plt.ylabel('अंक')
# प्लॉट के टाइटल का नामकरण
plt.शीर्षक('भाषा बनाम स्कोर')
अंजीर
</py-script>
</body>
जब आप वेब ब्राउज़र में HTML फ़ाइल खोलेंगे तो आपको निम्न आकृति प्रदान की जाएगी:
ब्राउज़र में PyScript का उपयोग करके बार प्लॉट प्रदर्शित करें
आप निम्न पायथन स्निपेट का उपयोग करके ब्राउज़र में एक बार प्लॉट बना सकते हैं:
<तन>
<डिव आईडी ="matplotlib-bar"></div>
<py-स्क्रिप्ट आउटपुट ="matplotlib-bar">
#पायथन कोड
# matplotlib लाइब्रेरी आयात करना
आयात matplotlib.pyplot जैसा पठार
अंजीर, कुल्हाड़ी = plt.subplots ()
# एक्स अक्ष
एक्स = ["अजगर", "सी++", "जावास्क्रिप्ट", "गोलांग"]
# वाई अक्ष
वाई = [10, 5, 9, 7]
पठार।छड़(एक्स, आप)
# एक्स-लेबल का नामकरण
plt.xlabel('भाषा')
# y-लेबल का नामकरण
plt.ylabel('अंक')
# प्लॉट के टाइटल का नामकरण
plt.शीर्षक('भाषा बनाम स्कोर')
अंजीर
</py-script>
</body>
यह कोड निम्न आउटपुट उत्पन्न करता है:
पायस्क्रिप्ट का भविष्य क्या है?
आप PyScript और Python लाइब्रेरी जैसे Matplotlib, Bokeh, Seaborn, इत्यादि का उपयोग करके HTML में शक्तिशाली डैशबोर्ड और चार्ट बना सकते हैं। हालाँकि, आपको शायद इसे उत्पादन में उपयोग करने से रोकना चाहिए क्योंकि यह भारी विकास के अधीन है। सॉफ्टवेयर में वर्तमान में लोडिंग समय और उपयोगिता सहित कई मुद्दे हैं। भविष्य में, PyScript वेब पर अधिक सुचारू रूप से पायथन संचालन को चलाने और निष्पादित करने के लिए द्वार खोल सकता है।
PyScript को विकसित करने का एक मुख्य कारण डेटा वैज्ञानिकों को वेब पर डेटा की कल्पना करने में मदद करना था। यदि आप एक डेटा वैज्ञानिक हैं, तो आप पंडों और न्यूमपी जैसे डेटा विज्ञान पुस्तकालयों के साथ संयोजन करके PyScript की शक्ति का लाभ उठा सकते हैं।
