Python sa široko používa na analýzu údajov, strojové učenie, zoškrabovanie webu a oveľa viac. Vedeli ste však, že na vytváranie webových aplikácií môžete spustiť aj kód Pythonu v HTML?

PyScript to umožňuje a umožňuje vám spúšťať kód Pythonu v prehliadači. Naučte sa, ako pridať vizualizácie matplotlib na webovú stránku pomocou niekoľkých príkladov PyScript-HTML.

Čo je PyScript?

PyScript je open-source webový rámec, ktorý umožňuje spustiť Python vo webovom prehliadači. Integruje HTML rozhranie a silu Pyodide, WASM a moderných webových technológií. PyScript je momentálne vo fáze vývoja, ale už má niekoľko zaujímavých funkcií. Potenciálne by sa mohol stať nástrojom na vytváranie výkonných webových aplikácií.

Kód použitý v tomto projekte je dostupný v a úložisko GitHub a môžete ho bezplatne používať na základe licencie MIT. Ak sa chcete pozrieť na živú verziu tohto projektu, môžete sa pozrieť na čiarový graf a barplot ukážky.

Nastaviť HTML Boilerplate

Pred použitím PyScriptu musíte veci nastaviť. Vytvorte nový súbor HTML a nastavte štandardný kód HTML. Väčšina

instagram viewer
moderné IDE poskytujú funkcie na automatické vytváranie štandardných verzií. Stačí len napísať doc alebo html a stlačte enter. Na začiatok môžete použiť aj nasledujúcu šablónu:

<!DOCTYPE html>
<html>
<hlavu>
<meta znaková sada="utf-8">
<meta http-ekviv="X-UA-kompatibilné" obsah ="IE=okraj">
<titul></title>
<meta meno="popis" obsah ="">
<meta meno="výrez" obsah ="width=device-width, initial-scale=1">
</head>
<telo>
</body>
</html>

Pridajte PyScript do HTML: "Ahoj, svet!" Používanie jazyka PyScript

PyScript môžete použiť vo svojom súbore HTML buď jeho stiahnutím alebo prepojením jeho CDN v hlave HTML. Pridajte nasledujúce do časť vášho súboru HTML:

<odkaz rel="štýlov" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

To je všetko, čo musíte urobiť, aby ste nastavili PyScript.

Ak chcete overiť, či bol PyScript úspešne integrovaný, pridajte do súboru nasledujúci riadok kódu sekcia:

<telo>
<py-script>vytlačiť ("Dobrý deň, Svet!")</py-script>
</body>

Otvorte súbor HTML v ľubovoľnom webovom prehliadači a uvidíte Dobrý deň, Svet! vytlačené tam.

Načítať knižnicu Matplotlib

Musíte použiť tagy na import modulov Pythonu. Načítať matplotlib modul v časť vášho súboru HTML pomocou nasledujúceho úryvku:

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

Zobrazte čiarový graf v prehliadači pomocou jazyka PyScript

Vytvor s id. Budete potrebovať id používať ho s výkon atribútom tag.

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

Musíte napísať kód Python v tag. Priraďte vyššie uvedené id k výkon atribútom tag.

<výstup py-script="matplotlib-lineplot">
# Kód Python
</py-script>

Teraz ste pripravení napísať kód Pythonu na vytvorenie čiarového grafu:

<telo>
<div id="matplotlib-lineplot"></div>
<výstup py-script="matplotlib-lineplot">
# Kód Python
# importovanie knižnice matplotlib
importovať matplotlib.pyplot ako plt
 obr, ax = plt.subplots()
# os x
 x = ["Python", "C++", "JavaScript", "Golang"]
# os y
 y = [10, 5, 9, 7]
 plt.plot (x, y, značka='o', štýl čiary='-', farba='b')
# Pomenovanie x-štítku
 plt.xlabel('Jazyk')
# Pomenovanie y-labelu
 plt.ylabel('skóre')
# Pomenovanie názvu pozemku
 plt.title('Jazyk vs skóre')
 obr
</py-script>
</body>

Keď otvoríte súbor HTML vo webovom prehliadači, zobrazí sa nasledujúci obrázok:

Zobrazte pruhový graf v prehliadači pomocou jazyka PyScript

Pruhový graf môžete vytvoriť v prehliadači pomocou nasledujúceho úryvku Pythonu:

<telo>
<div id="matplotlib-bar"></div>
<výstup py-script="matplotlib-bar">
# Kód Python
# importovanie knižnice matplotlib
importovať matplotlib.pyplot ako plt
 obr, ax = plt.subplots()
# os x
 x = ["Python", "C++", "JavaScript", "Golang"]
# os y
 y = [10, 5, 9, 7]
plt.bar(X, r)
# Pomenovanie x-štítku
 plt.xlabel('Jazyk')
# Pomenovanie y-labelu
 plt.ylabel('skóre')
# Pomenovanie názvu pozemku
 plt.title('Jazyk vs skóre')
 obr
</py-script>
</body>

Tento kód vytvára nasledujúci výstup:

Akú budúcnosť má PyScript?

Pomocou knižníc PyScript a Python, ako sú Matplotlib, Bokeh, Seaborn atď., môžete vytvárať výkonné tabule a grafy v HTML. Pravdepodobne by ste však mali odložiť jeho použitie vo výrobe, pretože je v intenzívnom vývoji. Softvér má v súčasnosti viacero problémov vrátane času načítania a použiteľnosti. V budúcnosti môže PyScript otvoriť brány na plynulejšie spustenie a vykonávanie operácií Pythonu na webe.

Jedným z hlavných dôvodov vývoja jazyka PyScript bolo pomôcť vedcom údajov vizualizovať údaje na webe. Ak ste vedcom údajov, môžete využiť silu jazyka PyScript jeho kombináciou s knižnicami pre vedu o údajoch, ako sú Pandas a NumPy.