Python è ampiamente utilizzato per l'analisi dei dati, l'apprendimento automatico, il web scraping e molto altro. Ma lo sapevi che puoi anche eseguire codice Python in HTML per creare applicazioni web?

PyScript lo rende possibile, consentendoti di eseguire il codice Python in un browser. Scopri come aggiungere visualizzazioni matplotlib a una pagina Web con l'aiuto di diversi esempi PyScript-HTML.

Cos'è PyScript?

PyScript è un framework Web open source che ti consente di eseguire Python nel browser web. Integra l'interfaccia HTML e la potenza di Pyodide, WASM e le moderne tecnologie web. PyScript è attualmente in fase di sviluppo ma ha già alcune interessanti funzionalità. Potenzialmente, potrebbe diventare uno strumento per creare potenti applicazioni web.

Il codice utilizzato in questo progetto è disponibile in a Archivio GitHub ed è gratuito per l'uso con la licenza MIT. Se vuoi dare un'occhiata a una versione live di questo progetto, puoi dare un'occhiata al grafico a linee e grafico a barre demo.

instagram viewer

Imposta HTML Boilerplate

Prima di utilizzare PyScript, è necessario configurare le cose. Crea un nuovo file HTML e imposta il boilerplate HTML. Più IDE moderni fornire la funzionalità per creare boilerplate automaticamente. Hai solo bisogno di digitare doc o html e premi invio. Puoi anche utilizzare il seguente modello per iniziare:

<!DOCTYPE html>
<html>
<testa>
<metacarattere="utf-8">
<meta http-equiv="Compatibile con X-UA" contenuto="IE=bordo">
<titolo></title>
<metanome="descrizione" contenuto="">
<metanome="vista" contenuto="larghezza=larghezza-dispositivo, scala-iniziale=1">
</head>
<corpo>

</body>
</html>

Aggiungi PyScript a HTML: "Hello, World!" Utilizzo di PyScript

Puoi usare PyScript nel tuo file HTML scaricandolo o collegando il suo CDN nella tua testata HTML. Aggiungi quanto segue nel sezione del tuo file HTML:

<collegamento rel="foglio di stile" href="https://pyscript.net/alpha/pyscript.css" />
<script differire src="https://pyscript.net/alpha/pyscript.js"></script>

Questo è tutto ciò che devi fare per configurare PyScript.

Per verificare se PyScript è stato integrato correttamente, aggiungi la seguente riga di codice nel file sezione:

<corpo>
<py-script>Stampa("Ciao mondo!")</py-script>
</body>

Apri il file HTML in qualsiasi browser web e vedrai Ciao mondo! stampato lì.

Carica la libreria Matplotlib

Devi usare il tag per importare moduli Python. Carica il matplotlib modulo nel sezione del tuo file HTML utilizzando il seguente snippet:

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

Visualizza un grafico a linee nel browser utilizzando PyScript

Creare un con un id. Avrai bisogno del id per usarlo con il produzione attributo del etichetta.

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

Devi scrivere il codice Python nel file etichetta. Assegna quanto sopra id al produzione attributo del etichetta.

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

Ora sei pronto per scrivere il codice Python per creare un grafico a linee:

<corpo>
<ID div="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Codice Python

# importazione della libreria matplotlib
importare matplotlib.pyplot come plt
fig, ax = plt.subplots()
# asse x
x = ["Pitone", "C++", "JavaScript", "Golang"]
# asse y
y = [10, 5, 9, 7]
plt.plot (x, y, marker='o', stile di linea='-', colore='b')
# Assegnare un nome all'etichetta x
etichetta xplt('Lingua')
# Assegnare un nome all'etichetta y
plt.ylabel('Punto')
# Assegnare un nome al titolo della trama
titolo.plt('Lingua vs punteggio')
Figura
</py-script>
</body>

Otterrai il rendering della seguente figura quando aprirai il file HTML nel browser web:

Visualizza un grafico a barre nel browser utilizzando PyScript

Puoi creare un grafico a barre nel browser usando il seguente frammento di codice Python:

<corpo>
<ID div="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Codice Python

# importazione della libreria matplotlib
importare matplotlib.pyplot come plt
fig, ax = plt.subplots()
# asse x
x = ["Pitone", "C++", "JavaScript", "Golang"]
# asse y
y = [10, 5, 9, 7]
plt.sbarra(X, y)
# Assegnare un nome all'etichetta x
etichetta xplt('Lingua')
# Assegnare un nome all'etichetta y
plt.ylabel('Punto')
# Assegnare un nome al titolo della trama
titolo.plt('Lingua vs punteggio')
Figura
</py-script>
</body>

Questo codice produce il seguente output:

Quale futuro ha in serbo PyScript?

Puoi creare dashboard e grafici potenti in HTML utilizzando librerie PyScript e Python come Matplotlib, Bokeh, Seaborn e così via. Tuttavia, dovresti probabilmente evitare di usarlo in produzione poiché è in forte sviluppo. Il software ha attualmente diversi problemi tra cui il tempo di caricamento e l'usabilità. In futuro, PyScript potrebbe aprire le porte per eseguire ed eseguire operazioni Python sul Web in modo più fluido.

Uno dei motivi principali per sviluppare PyScript è stato quello di aiutare i data scientist a visualizzare i dati sul web. Se sei un data scientist, puoi sfruttare la potenza di PyScript combinandolo con librerie di data science come Pandas e NumPy.