Գործարկեք Python-ի պատկերացումները համացանցում՝ օգտագործելով PyScript-ը

Օգտագործեք Python-ի առաջին կարգի աջակցությունը տվյալների վերլուծության և վիզուալիզացիայի համար՝ ձեր վեբ էջերը բարելավելու համար:

Python-ը լայնորեն օգտագործվում է տվյալների վերլուծության, մեքենայական ուսուցման, վեբ գրության և շատ ավելին: Բայց գիտե՞ք, որ կարող եք նաև Python կոդը գործարկել HTML-ում՝ վեբ հավելվածներ ստեղծելու համար:

PyScript-ը դա հնարավոր է դարձնում՝ թույլ տալով գործարկել Python կոդը բրաուզերում: Իմացեք, թե ինչպես ավելացնել matplotlib-ի վիզուալիզացիաները վեբ էջին մի քանի PyScript-HTML օրինակների օգնությամբ:

Ի՞նչ է PyScript-ը:

PyScript-ը բաց կոդով վեբ շրջանակ է, որը թույլ է տալիս գործարկել Python-ը վեբ բրաուզերում: Այն ինտեգրում է HTML ինտերֆեյսը և Pyodide, WASM և ժամանակակից վեբ տեխնոլոգիաների հզորությունը: PyScript-ը ներկայումս զարգացման փուլում է, բայց այն արդեն ունի որոշ հետաքրքիր առանձնահատկություններ: Հնարավոր է, այն կարող է դառնալ հզոր վեբ հավելվածներ ստեղծելու գործիք:

Այս նախագծում օգտագործվող կոդը հասանելի է GitHub-ի պահոցում և անվճար է MIT լիցենզիայի ներքո օգտագործելու համար: Եթե ցանկանում եք դիտել այս նախագծի ուղիղ տարբերակը, կարող եք ստուգել lineplot-ի և barplot ցուցադրությունները:

Ստեղծեք HTML կաթսա

Նախքան PyScript-ն օգտագործելը, դուք պետք է կարգավորեք իրերը: Ստեղծեք նոր HTML ֆայլ և կարգավորեք HTML կաթսա: Ժամանակակից IDE-ների մեծ մասը ապահովում է կաթսայատների ավտոմատ ստեղծման գործառույթ: Ձեզ անհրաժեշտ է միայն մուտքագրել doc կամ html և սեղմել Enter: Սկսելու համար կարող եք նաև օգտագործել հետևյալ ձևանմուշը.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
       
    </body>
</html>

Ավելացնել PyScript-ը HTML-ում. «Բարև, աշխարհ»: Օգտագործելով PyScript

Դուք կարող եք օգտագործել PyScript-ը ձեր HTML ֆայլում՝ կա՛մ ներբեռնելով այն, կա՛մ կապելով դրա CDN-ն ձեր HTML գլխում: Ձեր HTML ֆայլի <head> բաժնում ավելացրեք հետևյալը.

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

Դա այն ամենն է, ինչ դուք պետք է անեք PyScript-ը կարգավորելու համար:

Ստուգելու համար, թե արդյոք PyScript-ը հաջողությամբ ինտեգրվել է, ավելացրեք կոդի հետևյալ տողը <body> բաժնում.

<body>
    <py-script>print("Hello, World!")</py-script>
</body>

Բացեք HTML ֆայլը ցանկացած վեբ բրաուզերում և կտեսնեք Բարև, աշխարհ տպված այնտեղ:

Բեռնել Matplotlib գրադարանը

Python մոդուլներ ներմուծելու համար անհրաժեշտ է օգտագործել թեգերը։ Ներբեռնեք matplotlib մոդուլը ձեր HTML ֆայլի <head> բաժնում՝ օգտագործելով հետևյալ հատվածը.

<py-env>
        - matplotlib
</py-env>

Ցուցադրել գծային գծապատկեր բրաուզերում՝ օգտագործելով PyScript-ը

Ստեղծեք <div> idով: Ձեզ անհրաժեշտ կլինի id՝ այն ելք հատկանիշի հետ օգտագործելու համար թեգի:

<div id="matplotlib-lineplot"> </div>

Դուք պետք է գրեք Python կոդը թեգում։ Նշանակե՛ք վերը նշված idը թեգի output հատկանիշին:

<py-script output="matplotlib-lineplot">
        # Python Code
 </py-script>

Այժմ դուք պատրաստ եք գրել Python կոդը՝ գծային գծապատկեր ստեղծելու համար.

    <body>
        <div id="matplotlib-lineplot"></div>
        <py-script output="matplotlib-lineplot">
            # Python Code
           
            # importing the matplotlib library
            import matplotlib.pyplot as plt
            fig, ax = plt.subplots()
            # x axis
            x = ["Python", "C++", "JavaScript", "Golang"]
            # y axis
            y = [10, 5, 9, 7]
            plt.plot(x, y, marker='o', linestyle='-', color='b')
            # Naming the x-label
            plt.xlabel('Language')
            # Naming the y-label
            plt.ylabel('Score')
            # Naming the title of the plot
            plt.title('Language vs Score')
            fig
         </py-script>
    </body>

HTML ֆայլը վեբ բրաուզերում բացելիս կստանաք հետևյալ պատկերը.

Ցուցադրել գծապատկերը դիտարկիչում PyScript-ի միջոցով

Դուք կարող եք բրաուզերում ստեղծել գծապատկեր՝ օգտագործելով Python-ի հետևյալ հատվածը.

<body>
    <div id="matplotlib-bar"></div>
    <py-script output="matplotlib-bar">
        # Python Code
           
        # importing the matplotlib library
        import matplotlib.pyplot as plt
        fig, ax = plt.subplots()
        # x axis
        x = ["Python", "C++", "JavaScript", "Golang"]
        # y axis
        y = [10, 5, 9, 7]
        plt.bar(x, y)
        # Naming the x-label
        plt.xlabel('Language')
        # Naming the y-label
        plt.ylabel('Score')
        # Naming the title of the plot
        plt.title('Language vs Score')
        fig
     </py-script>
</body>

Այս կոդը արտադրում է հետևյալ ելքը.

Ի՞նչ ապագա է սպասվում PyScript-ին:

Դուք կարող եք կառուցել հզոր վահանակներ և գծապատկերներ HTML-ում՝ օգտագործելով PyScript և Python գրադարանները, ինչպիսիք են Matplotlib, Bokeh, Seaborn և այլն: Այնուամենայնիվ, դուք, հավանաբար, պետք է հետ պահեք այն արտադրության մեջ օգտագործելուց, քանի որ այն գտնվում է ծանր մշակման փուլում: Ծրագիրը ներկայումս ունի բազմաթիվ խնդիրներ, ներառյալ բեռնման ժամանակը և օգտագործելիությունը: Հետագայում PyScript-ը կարող է դարպասներ բացել՝ համացանցում Python-ի գործողություններն ավելի սահուն գործելու և կատարելու համար:

PyScript-ի մշակման հիմնական պատճառներից մեկը տվյալների գիտնականներին օգնելն էր պատկերացնել տվյալները համացանցում: Եթե դուք տվյալների գիտնական եք, կարող եք օգտագործել PyScript-ի հզորությունը՝ այն համատեղելով տվյալների գիտության գրադարանների հետ, ինչպիսիք են Pandas-ը և NumPy-ը: