Python används ofta för dataanalys, maskininlärning, webbskrapning och mycket mer. Men visste du att du även kan köra Python-kod i HTML för att bygga webbapplikationer?

PyScript gör det möjligt, så att du kan köra Python-kod i en webbläsare. Lär dig hur du lägger till matplotlib-visualiseringar på en webbsida med hjälp av flera PyScript-HTML-exempel.

Vad är PyScript?

PyScript är ett webbramverk med öppen källkod som låter dig köra Python i webbläsaren. Den integrerar HTML-gränssnittet och kraften i Pyodide, WASM och modern webbteknologi. PyScript är för närvarande i utvecklingsfasen men det har redan några spännande funktioner. Potentiellt kan det bli ett verktyg för att skapa kraftfulla webbapplikationer.

Koden som används i detta projekt är tillgänglig i en GitHub-förråd och är gratis för dig att använda under MIT-licensen. Om du vill ta en titt på en liveversion av detta projekt kan du kolla in linjediagram och barplot demos.

Ställ in HTML Boilerplate

Innan du använder PyScript måste du ställa in saker och ting. Skapa en ny HTML-fil och ställ in HTML-planen. Mest

instagram viewer
moderna IDE tillhandahålla funktionen för att skapa pannplåtar automatiskt. Du behöver bara skriva doc eller html och tryck enter. Du kan också använda följande mall för att komma igång:

<!DOCTYPE html>
<html>
<huvud>
<meta teckenuppsättning="utf-8">
<meta http-equiv="X-UA-kompatibel" innehåll="IE=kant">
<titel></title>
<metanamn="beskrivning" innehåll="">
<metanamn="utsiktsplats" innehåll="bredd=enhetsbredd, initialskala=1">
</head>
<kropp>
</body>
</html>

Lägg till PyScript i HTML: "Hello, World!" Använder PyScript

Du kan använda PyScript i din HTML-fil genom att antingen ladda ner den eller länka dess CDN i ditt HTML-huvud. Lägg till följande i avsnitt av din HTML-fil:

<länk rel="stilmall" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

Det är allt du behöver göra för att ställa in PyScript.

För att verifiera om PyScript lyckades integreras, lägg till följande kodrad i sektion:

<kropp>
<py-script>skriva ut("Hej världen!")</py-script>
</body>

Öppna HTML-filen i valfri webbläsare så ser du Hej världen! tryckt där.

Ladda Matplotlib Library

Du måste använda taggar för att importera Python-moduler. Ladda matplotlib modul i avsnitt av din HTML-fil med följande kodavsnitt:

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

Visa en linjeplot i webbläsaren med PyScript

Skapa en med en id. Du behöver id att använda den med produktion attribut av märka.

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

Du måste skriva Python-koden i märka. Tilldela ovanstående id till produktion attribut av märka.

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

Du är nu redo att skriva Python-koden för att skapa ett linjediagram:

<kropp>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Python-kod
# importerar matplotlib-biblioteket
importera matplotlib.pyplot som plt
 fig, ax = plt.subplots()
# x-axel
 x = ["Pytonorm", "C++", "JavaScript", "Golang"]
# y-axel
 y = [10, 5, 9, 7]
 plt.plot (x, y, markör='o', linjestil='-', färg='b')
# Namnge x-etiketten
 plt.xlabel('Språk')
# Namnge y-etiketten
 plt.ylabel('Göra')
# Namnge titeln på handlingen
 plt.title('Språk vs poäng')
 fikon
</py-script>
</body>

Du kommer att få följande bild renderad när du öppnar HTML-filen i webbläsaren:

Visa en stapelplot i webbläsaren med PyScript

Du kan skapa ett stapeldiagram i webbläsaren med följande Python-kodavsnitt:

<kropp>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Python-kod
# importerar matplotlib-biblioteket
importera matplotlib.pyplot som plt
 fig, ax = plt.subplots()
# x-axel
 x = ["Pytonorm", "C++", "JavaScript", "Golang"]
# y-axel
 y = [10, 5, 9, 7]
plt.bar(x, y)
# Namnge x-etiketten
 plt.xlabel('Språk')
# Namnge y-etiketten
 plt.ylabel('Göra')
# Namnge titeln på handlingen
 plt.title('Språk vs poäng')
 fikon
</py-script>
</body>

Denna kod producerar följande utdata:

Vilken framtid har PyScript?

Du kan bygga kraftfulla instrumentpaneler och diagram i HTML med PyScript- och Python-bibliotek som Matplotlib, Bokeh, Seaborn och så vidare. Du bör dock antagligen avstå från att använda den i produktionen eftersom den är under tung utveckling. Programvaran har för närvarande flera problem, inklusive laddningstid och användbarhet. I framtiden kan PyScript öppna portar för att köra och utföra Python-operationer på webben smidigare.

En av huvudskälen till att utveckla PyScript var att hjälpa datavetare att visualisera data på webben. Om du är en dataforskare kan du utnyttja kraften i PyScript genom att kombinera den med datavetenskapliga bibliotek som Pandas och NumPy.