Python este utilizat pe scară largă pentru analiza datelor, învățarea automată, web scraping și multe altele. Dar știați că puteți rula și cod Python în HTML pentru a construi aplicații web?
PyScript îl face posibil, permițându-vă să rulați cod Python într-un browser. Aflați cum să adăugați vizualizări matplotlib la o pagină web cu ajutorul mai multor exemple PyScript-HTML.
Ce este PyScript?
PyScript este un cadru web open-source care vă permite să rulați Python în browserul web. Acesta integrează interfața HTML și puterea Pyodide, WASM și tehnologiile web moderne. PyScript este în prezent în faza de dezvoltare, dar are deja câteva caracteristici interesante. Potențial, ar putea deveni un instrument pentru a crea aplicații web puternice.
Codul folosit în acest proiect este disponibil în a Depozitul GitHub și este gratuit pentru utilizare sub licența MIT. Dacă doriți să aruncați o privire la o versiune live a acestui proiect, puteți consulta lineplot și barplot demonstrații.
Configurați HTML Boilerplate
Înainte de a utiliza PyScript, trebuie să configurați lucrurile. Creați un nou fișier HTML și configurați standardul HTML. Cel mai IDE-uri moderne oferă funcționalitatea de a crea automate boilerplate. Trebuie doar să tastați doc sau html și apăsați enter. De asemenea, puteți utiliza următorul șablon pentru a începe:
<!DOCTYPE html>
<html>
<cap>
<meta charset="utf-8">
<meta http-equiv="Compatibil X-UA" continut="IE=marginea">
<titlu></title>
<meta nume="Descriere" continut="">
<meta nume="fereastra" continut="lățime=lățime-dispozitiv, scară inițială=1">
</head>
<corp>
</body>
</html>
Adăugați PyScript la HTML: „Bună, lume!” Folosind PyScript
Puteți utiliza PyScript în fișierul dvs. HTML fie descărcându-l, fie legând CDN-ul său în capul HTML. Adăugați următoarele în secțiunea fișierului HTML:
<link rel="foaia de stil" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>Asta este tot ce trebuie să faci pentru a configura PyScript.
Pentru a verifica dacă PyScript a fost integrat cu succes, adăugați următoarea linie de cod în fișierul secțiune:
<corp>
<py-script>imprimare("Salut Lume!")</py-script>
</body>Deschideți fișierul HTML în orice browser web și veți vedea Salut Lume! tipărit acolo.
Încărcați biblioteca Matplotlib
Trebuie să utilizați etichete pentru a importa module Python. Încărcați matplotlib modul în secțiunea fișierului HTML folosind următorul fragment:
<py-env>
- matplotlib
</py-env>Afișați un grafic de linii în browser utilizând PyScript
Creeaza o cu un id. Veți avea nevoie de id pentru a-l folosi cu ieșire atributul etichetă.
<div id="matplotlib-lineplot"></div>Trebuie să scrieți codul Python în etichetă. Atribuiți cele de mai sus id la ieșire atributul etichetă.
<py-script output="matplotlib-lineplot">
# Cod Python
</py-script>Acum sunteți gata să scrieți codul Python pentru a crea un grafic de linii:
<corp>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Cod Python
# importul bibliotecii matplotlib
import matplotlib.pyplot la fel de plt
fig, ax = plt.subplots()
# axa x
x = ["Piton", "C++", "JavaScript", "Golang"]
# axa y
y = [10, 5, 9, 7]
plt.plot (x, y, marker='o', stil de linie='-', culoare='b')
# Denumirea etichetei x
plt.xlabel('Limba')
# Denumirea etichetei y
plt.ylabel('Scor')
# Denumirea titlului intrigii
plt.title('Limbă vs Scor')
Fig
</py-script>
</body>
Veți obține următoarea cifră redată când veți deschide fișierul HTML în browserul web:
Afișați un grafic cu bare în browser utilizând PyScript
Puteți crea o diagramă cu bare în browser utilizând următorul fragment Python:
<corp>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Cod Python
# importul bibliotecii matplotlib
import matplotlib.pyplot la fel de plt
fig, ax = plt.subplots()
# axa x
x = ["Piton", "C++", "JavaScript", "Golang"]
# axa y
y = [10, 5, 9, 7]
plt.bar(X, y)
# Denumirea etichetei x
plt.xlabel('Limba')
# Denumirea etichetei y
plt.ylabel('Scor')
# Denumirea titlului intrigii
plt.title('Limbă vs Scor')
Fig
</py-script>
</body>
Acest cod produce următoarea ieșire:
Ce viitor are PyScript?
Puteți crea tablouri de bord și diagrame puternice în HTML folosind biblioteci PyScript și Python precum Matplotlib, Bokeh, Seaborn și așa mai departe. Cu toate acestea, probabil că ar trebui să nu-l folosiți în producție, deoarece este în curs de dezvoltare. Software-ul are în prezent mai multe probleme, inclusiv timpul de încărcare și capacitatea de utilizare. În viitor, PyScript poate deschide porți pentru a rula și a efectua operațiuni Python pe web mai ușor.
Unul dintre motivele principale pentru a dezvolta PyScript a fost acela de a ajuta oamenii de știință de date să vizualizeze datele pe web. Dacă sunteți un om de știință a datelor, puteți profita de puterea PyScript combinându-l cu biblioteci de date precum Pandas și NumPy.