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
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.
