Python je široce používán pro analýzu dat, strojové učení, web scraping a mnoho dalšího. Věděli jste ale, že pro tvorbu webových aplikací můžete také spouštět kód Pythonu v HTML?

PyScript to umožňuje a umožňuje vám spouštět kód Pythonu v prohlížeči. Naučte se, jak přidat vizualizace matplotlib na webovou stránku pomocí několika příkladů PyScript-HTML.

Co je PyScript?

PyScript je open-source webový framework, který umožňuje spouštět Python ve webovém prohlížeči. Integruje HTML rozhraní a sílu Pyodide, WASM a moderních webových technologií. PyScript je v současné době ve fázi vývoje, ale již má několik zajímavých funkcí. Potenciálně by se mohl stát nástrojem pro vytváření výkonných webových aplikací.

Kód použitý v tomto projektu je k dispozici v a úložiště GitHub a můžete jej používat zdarma pod licencí MIT. Pokud se chcete podívat na živou verzi tohoto projektu, můžete se podívat na čárový graf a barplot ukázky.

Nastavit HTML Boilerplate

Před použitím PyScriptu musíte věci nastavit. Vytvořte nový soubor HTML a nastavte standard HTML. Většina

instagram viewer
moderní IDE poskytují funkce pro automatické vytváření standardních. Stačí jen napsat doc nebo html a stiskněte enter. Chcete-li začít, můžete také použít následující šablonu:

<!DOCTYPE html>
<html>
<hlava>
<meta znaková sada="utf-8">
<meta http-equiv="X-UA-kompatibilní" obsah ="IE=hrana">
<titul></title>
<meta jméno="popis" obsah ="">
<meta jméno="výřez" obsah ="width=device-width, initial-scale=1">
</head>
<tělo>
</body>
</html>

Přidejte PyScript do HTML: "Ahoj, světe!" Použití PyScriptu

PyScript můžete použít ve svém HTML souboru buď jeho stažením, nebo propojením jeho CDN ve vaší HTML hlavě. Přidejte následující do část vašeho HTML souboru:

<odkaz rel="šablona stylů" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

To je vše, co musíte udělat pro nastavení PyScriptu.

Chcete-li ověřit, zda byl PyScript úspěšně integrován, přidejte do souboru následující řádek kódu sekce:

<tělo>
<py-script>tisk("Ahoj světe!")</py-script>
</body>

Otevřete soubor HTML v libovolném webovém prohlížeči a uvidíte Ahoj světe! tam vytištěné.

Načtěte knihovnu Matplotlib

Musíte použít tagy pro import modulů Pythonu. Načíst matplotlib modul v části vašeho souboru HTML pomocí následujícího úryvku:

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

Zobrazte čárový graf v prohlížeči pomocí PyScriptu

Vytvořit s id. Budete potřebovat id použít s výstup atributem štítek.

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

Musíte napsat kód Pythonu do štítek. Přiřaďte výše uvedené id k výstup atributem štítek.

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

Nyní jste připraveni napsat kód Pythonu pro vytvoření řádkového grafu:

<tělo>
<div id="matplotlib-lineplot"></div>
<výstup py-script="matplotlib-lineplot">
# Kód Python
# import knihovny matplotlib
import matplotlib.pyplot tak jako plt
 obr, ax = plt.subplots()
# osa x
 x = ["Krajta", "C++", "JavaScript", "Golang"]
# osa y
 y = [10, 5, 9, 7]
 plt.plot (x, y, značka='Ó', styl čáry='-', barva='b')
# Pojmenování x-label
 plt.xlabel('Jazyk')
# Pojmenování y-labelu
 plt.ylabel('Skóre')
# Pojmenování názvu pozemku
 plt.title('Jazyk vs skóre')
 Obr
</py-script>
</body>

Když otevřete soubor HTML ve webovém prohlížeči, zobrazí se následující obrázek:

Zobrazte pruhový graf v prohlížeči pomocí jazyka PyScript

Sloupcový graf můžete vytvořit v prohlížeči pomocí následujícího úryvku Pythonu:

<tělo>
<div id="matplotlib-bar"></div>
<výstup py-script="matplotlib-bar">
# Kód Python
# import knihovny matplotlib
import matplotlib.pyplot tak jako plt
 obr, ax = plt.subplots()
# osa x
 x = ["Krajta", "C++", "JavaScript", "Golang"]
# osa y
 y = [10, 5, 9, 7]
plt.bar(X, y)
# Pojmenování x-label
 plt.xlabel('Jazyk')
# Pojmenování y-labelu
 plt.ylabel('Skóre')
# Pojmenování názvu pozemku
 plt.title('Jazyk vs skóre')
 Obr
</py-script>
</body>

Tento kód vytváří následující výstup:

Jakou budoucnost má PyScript?

Pomocí knihoven PyScript a Python, jako je Matplotlib, Bokeh, Seaborn a tak dále, můžete vytvářet výkonné řídicí panely a grafy v HTML. Pravděpodobně byste však měli odložit jeho použití ve výrobě, protože je ve velkém vývoji. Software má v současné době několik problémů, včetně doby načítání a použitelnosti. V budoucnu může PyScript otevřít brány pro plynulejší běh a provádění operací Pythonu na webu.

Jedním z hlavních důvodů pro vývoj PyScriptu bylo pomoci datovým vědcům vizualizovat data na webu. Pokud jste datový vědec, můžete využít sílu PyScriptu tím, že jej zkombinujete s knihovnami datové vědy, jako jsou Pandas a NumPy.