Python wordt veel gebruikt voor data-analyse, machine learning, webscraping en nog veel meer. Maar wist u dat u ook Python-code in HTML kunt uitvoeren om webapplicaties te bouwen?
PyScript maakt het mogelijk, waardoor je Python-code in een browser kunt uitvoeren. Leer hoe u matplotlib-visualisaties aan een webpagina kunt toevoegen met behulp van verschillende PyScript-HTML-voorbeelden.
Wat is Python?
PyScript is een open-source webframework dat laat je Python in de webbrowser uitvoeren. Het integreert de HTML-interface en de kracht van Pyodide, WASM en moderne webtechnologieën. PyScript bevindt zich momenteel in de ontwikkelingsfase, maar het heeft al enkele opwindende functies. Mogelijk kan het een hulpmiddel worden om krachtige webapplicaties te maken.
De code die in dit project wordt gebruikt, is beschikbaar in een GitHub-opslagplaats en is gratis voor u om te gebruiken onder de MIT-licentie. Als je een live versie van dit project wilt zien, kun je de lijnplot en barplot demo's.
HTML-ketelplaat instellen
Voordat u PyScript gebruikt, moet u dingen instellen. Maak een nieuw HTML-bestand en stel de HTML-boilerplate in. Meest moderne IDE's de functionaliteit bieden om automatisch boilerplates te maken. Je hoeft alleen maar te typen doc of html en druk op enter. U kunt ook de volgende sjabloon gebruiken om aan de slag te gaan:
<!DOCTYPE html>
<html>
<hoofd>
<meta-tekenset="utf-8">
<meta http-equiv="X-UA-compatibel" inhoud="IE=edge">
<titel></title>
<metanaam="Omschrijving" inhoud="">
<metanaam="uitkijk postje" inhoud="breedte = apparaatbreedte, initiële schaal = 1">
</head>
<lichaam>
</body>
</html>
Voeg PyScript toe aan HTML: "Hallo wereld!" Python gebruiken
U kunt PyScript in uw HTML-bestand gebruiken door het te downloaden of door het CDN in uw HTML-kop te koppelen. Voeg het volgende toe in de gedeelte van uw HTML-bestand:
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script uitstellen src="https://pyscript.net/alpha/pyscript.js"></script>Dat is alles wat u hoeft te doen om PyScript in te stellen.
Om te controleren of PyScript met succes is geïntegreerd, voegt u de volgende regel code toe aan de: sectie:
<lichaam>
<py-script>afdrukken("Hallo Wereld!")</py-script>
</body>Open het HTML-bestand in een willekeurige webbrowser en u zult zien Hallo Wereld! daar gedrukt.
Laad Matplotlib-bibliotheek
U moet de gebruiken tags om Python-modules te importeren. Laad de matplotlib module in de gedeelte van uw HTML-bestand met behulp van het volgende fragment:
<py-env>
- matplotlib
</py-env>Geef een lijnplot weer in de browser met behulp van PyScript
Maak een Met een ID kaart. Je hebt de nodig ID kaart om het te gebruiken met de uitvoer attribuut van de label.
<div id="matplotlib-lineplot"></div>U moet de Python-code schrijven in de label. Wijs het bovenstaande toe: ID kaart naar de uitvoer attribuut van de label.
<py-script uitvoer="matplotlib-lineplot">
# Python-code
</py-script>U bent nu klaar om de Python-code te schrijven om een lijnplot te maken:
<lichaam>
<div id="matplotlib-lineplot"></div>
<py-script uitvoer="matplotlib-lineplot">
# Python-code
# de matplotlib-bibliotheek importeren
importeren matplotlib.pyplot net zo plt
fig, ax = plt.subplots()
# x-as
x = ["Python", "C++", "JavaScript", "Golang"]
# y-as
y = [10, 5, 9, 7]
plt.plot (x, y, markering='O', lijnstijl='-', kleur='b')
# Het x-label een naam geven
plt.xlabel('Taal')
# Het y-label een naam geven
plt.ylabel('Scoren')
# De titel van de plot een naam geven
plt.titel('Taal versus score')
vijg
</py-script>
</body>
U krijgt de volgende afbeelding weergegeven wanneer u het HTML-bestand in de webbrowser opent:
Een staafdiagram weergeven in de browser met behulp van PyScript
U kunt een staafdiagram maken in de browser met behulp van het volgende Python-fragment:
<lichaam>
<div id="matplotlib-bar"></div>
<py-script uitvoer="matplotlib-bar">
# Python-code
# de matplotlib-bibliotheek importeren
importeren matplotlib.pyplot net zo plt
fig, ax = plt.subplots()
# x-as
x = ["Python", "C++", "JavaScript", "Golang"]
# y-as
y = [10, 5, 9, 7]
plt.bar(x, ja)
# Het x-label een naam geven
plt.xlabel('Taal')
# Het y-label een naam geven
plt.ylabel('Scoren')
# De titel van de plot een naam geven
plt.titel('Taal versus score')
vijg
</py-script>
</body>
Deze code produceert de volgende uitvoer:
Welke toekomst heeft Python in petto?
U kunt krachtige dashboards en grafieken in HTML bouwen met behulp van PyScript- en Python-bibliotheken zoals Matplotlib, Bokeh, Seaborn, enzovoort. U moet het echter waarschijnlijk niet in productie gebruiken, omdat het zwaar in ontwikkeling is. De software heeft momenteel meerdere problemen, waaronder laadtijd en bruikbaarheid. In de toekomst kan PyScript poorten openen om Python-bewerkingen op het web soepeler uit te voeren en uit te voeren.
Een van de belangrijkste redenen om PyScript te ontwikkelen, was om datawetenschappers te helpen bij het visualiseren van gegevens op het web. Als u een datawetenschapper bent, kunt u gebruikmaken van de kracht van PyScript door het te combineren met datawetenschappelijke bibliotheken zoals Pandas en NumPy.