Python se naširoko koristi za analizu podataka, strojno učenje, web scraping i još mnogo toga. Ali jeste li znali da također možete pokrenuti Python kod u HTML-u za izradu web aplikacija?

PyScript to čini mogućim, omogućujući vam pokretanje Python koda u pregledniku. Naučite kako dodati matplotlib vizualizacije na web stranicu uz pomoć nekoliko PyScript-HTML primjera.

Što je PyScript?

PyScript je web okvir otvorenog koda koji omogućuje pokretanje Pythona u web pregledniku. Integrira HTML sučelje i snagu Pyodidea, WASM-a i modernih web tehnologija. PyScript je trenutno u fazi razvoja, ali već ima neke uzbudljive značajke. Potencijalno bi mogao postati alat za stvaranje moćnih web aplikacija.

Kod korišten u ovom projektu dostupan je u a GitHub spremište i besplatan je za korištenje pod MIT licencom. Ako želite pogledati live verziju ovog projekta, možete provjeriti linijski zaplet i barplot demonstracije.

Postavite HTML Boilerplate

Prije korištenja PyScripta morate postaviti stvari. Stvorite novu HTML datoteku i postavite HTML predložak. Najviše

instagram viewer
moderni IDE pružaju funkcionalnost za automatsku izradu predložaka. Vi samo trebate upisati doc ili html i pritisnite enter. Za početak možete koristiti i sljedeći predložak:

<!DOCTYPE html>
<html>
<glavu>
<meta charset="utf-8">
<meta http-ekviv="X-UA-kompatibilan" sadržaj="IE=rub">
<titula></title>
<meta naziv="opis" sadržaj="">
<meta naziv="prozor za prikaz" sadržaj="širina=širina-uređaja, početna skala=1">
</head>
<tijelo>
</body>
</html>

Dodajte PyScript u HTML: "Hello, World!" Korištenje PyScripta

PyScript možete koristiti u svojoj HTML datoteci tako da ga preuzmete ili povežete njegov CDN u svojoj HTML glavi. Dodajte sljedeće u dio vaše HTML datoteke:

<veza rel="stilski list" href="https://pyscript.net/alpha/pyscript.css" />
<skripta defer src="https://pyscript.net/alpha/pyscript.js"></script>

To je sve što trebate učiniti da biste postavili PyScript.

Da biste provjerili je li PyScript uspješno integriran, dodajte sljedeći redak koda u odjeljak:

<tijelo>
<py-skripta>ispis("Pozdrav svijete!")</py-script>
</body>

Otvorite HTML datoteku u bilo kojem web pregledniku i vidjet ćete Pozdrav svijete! tamo tiskan.

Učitaj biblioteku Matplotlib

Morate koristiti oznake za uvoz Python modula. Učitaj matplotlib modul u odjeljak vaše HTML datoteke pomoću sljedećeg isječka:

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

Prikažite linijski prikaz u pregledniku pomoću PyScripta

Stvoriti s an iskaznica. Trebat će vam iskaznica koristiti ga s izlaz atribut od označiti.

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

Morate napisati Python kod u označiti. Dodijeli gore navedeno iskaznica prema izlaz atribut od označiti.

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

Sada ste spremni za pisanje Python koda za izradu crte linije:

<tijelo>
<div id="matplotlib-lineplot"></div>
<izlaz py-skripte="matplotlib-lineplot">
# Python kod
# uvoz biblioteke matplotlib
uvoz matplotlib.pyplot kao plt
 fig, ax = plt.subplots()
# x os
 x = ["Piton", "C++", "JavaScript", "Golang"]
# y os
 y = [10, 5, 9, 7]
 plt.plot (x, y, marker='o', stil linije='-', boja='b')
# Imenovanje x-oznake
 plt.xlabel('Jezik')
# Imenovanje y-oznake
 plt.ylabel('Postići')
# Imenovanje naslova radnje
 plt.title('Jezik vs rezultat')
 smokva
</py-script>
</body>

Dobit ćete sljedeću sliku prikazanu kada otvorite HTML datoteku u web pregledniku:

Prikažite trakasti dijagram u pregledniku pomoću PyScripta

Možete stvoriti trakasti dijagram u pregledniku koristeći sljedeći Python isječak:

<tijelo>
<div id="matplotlib-bar"></div>
<izlaz py-skripte="matplotlib-bar">
# Python kod
# uvoz biblioteke matplotlib
uvoz matplotlib.pyplot kao plt
 fig, ax = plt.subplots()
# x os
 x = ["Piton", "C++", "JavaScript", "Golang"]
# y os
 y = [10, 5, 9, 7]
plt.bar(x, g)
# Imenovanje x-oznake
 plt.xlabel('Jezik')
# Imenovanje y-oznake
 plt.ylabel('Postići')
# Imenovanje naslova radnje
 plt.title('Jezik vs rezultat')
 smokva
</py-script>
</body>

Ovaj kod proizvodi sljedeći izlaz:

Kakva je budućnost PyScripta?

Možete izraditi moćne nadzorne ploče i grafikone u HTML-u koristeći PyScript i Python biblioteke kao što su Matplotlib, Bokeh, Seaborn i tako dalje. Međutim, vjerojatno biste trebali odustati od njegove upotrebe u proizvodnji jer je u intenzivnom razvoju. Softver trenutno ima više problema, uključujući vrijeme učitavanja i upotrebljivost. U budućnosti bi PyScript mogao otvoriti vrata za lakše pokretanje i izvođenje Python operacija na webu.

Jedan od glavnih razloga za razvoj PyScripta bio je pomoć znanstvenicima u vizualizaciji podataka na webu. Ako ste podatkovni znanstvenik, možete iskoristiti snagu PyScripta kombinirajući ga s bibliotekama za podatkovnu znanost kao što su Pandas i NumPy.