Pythonia käytetään laajalti data-analytiikkaan, koneoppimiseen, web-kaappaukseen ja paljon muuta. Mutta tiesitkö, että voit myös ajaa Python-koodia HTML-muodossa verkkosovellusten rakentamiseen?
PyScript mahdollistaa sen, jolloin voit ajaa Python-koodia selaimessa. Opi lisäämään matplotlib-visualisointeja verkkosivulle useiden PyScript-HTML-esimerkkien avulla.
Mikä on PyScript?
PyScript on avoimen lähdekoodin verkkokehys, joka voit suorittaa Pythonin verkkoselaimessa. Se integroi HTML-käyttöliittymän ja Pyodiden, WASM: n ja nykyaikaisten verkkoteknologioiden voiman. PyScript on tällä hetkellä kehitysvaiheessa, mutta siinä on jo joitain jännittäviä ominaisuuksia. Mahdollisesti siitä voi tulla työkalu tehokkaiden verkkosovellusten luomiseen.
Tässä projektissa käytetty koodi on saatavilla a GitHub-arkisto ja sen käyttö on ilmaista MIT-lisenssin alaisena. Jos haluat katsoa tämän projektin live-versiota, voit katsoa viivapiirros ja barplot demot.
Asenna HTML Boilerplate
Ennen PyScriptin käyttöä sinun on määritettävä asiat. Luo uusi HTML-tiedosto ja määritä HTML-kattilalevy. Suurin osa
nykyaikaiset IDE: t tarjoavat toiminnot automaattisten kattilalevyjen luomiseen. Sinun tarvitsee vain kirjoittaa doc tai html ja paina enter. Voit myös käyttää seuraavaa mallia aloittaaksesi:<!DOCTYPE html>
<html>
<pää>
<meta charset="utf-8">
<meta http-equiv="X-UA-yhteensopiva" sisältö="IE = reuna">
<otsikko></title>
<metanimi="kuvaus" sisältö="">
<metanimi="näkymä" sisältö="leveys = laitteen leveys, alkumittakaava = 1">
</head>
<kehon>
</body>
</html>
Lisää PyScript HTML: ään: "Hei, maailma!" PyScriptin käyttö
Voit käyttää PyScriptiä HTML-tiedostossasi joko lataamalla sen tai linkittämällä sen CDN: n HTML-päähän. Lisää seuraavaan kohtaan HTML-tiedostosi osa:
<linkki rel="tyylisivu" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>Tämä on kaikki mitä sinun tarvitsee tehdä PyScriptin määrittämiseksi.
Varmista, että PyScript on integroitu onnistuneesti, lisää seuraava koodirivi tiedostoon jakso:
<kehon>
<py-script>Tulosta("Hei maailma!")</py-script>
</body>Avaa HTML-tiedosto missä tahansa verkkoselaimessa ja näet Hei maailma! painettu sinne.
Lataa Matplotlib-kirjasto
Sinun on käytettävä tageja Python-moduulien tuomiseksi. Lataa matplotlib moduulissa HTML-tiedostosi osiota käyttämällä seuraavaa katkelmaa:
<py-env>
- matplotlib
</py-env>Näytä viivakaavio selaimessa PyScriptin avulla
Luo kanssa id. Tarvitset id käyttää sitä kanssa ulostulo attribuutti tag.
<div id="matplotlib-lineplot"></div>Sinun on kirjoitettava Python-koodi tiedostoon tag. Määritä yllä oleva id kohtaan ulostulo attribuutti tag.
<py-script output="matplotlib-lineplot">
# Python-koodi
</py-script>Olet nyt valmis kirjoittamaan Python-koodin viivakaavion luomiseksi:
<kehon>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Python-koodi
# tuodaan matplotlib-kirjastoa
tuonti matplotlib.pyplot kuten plt
kuva, ax = plt.subplots()
# x akseli
x = ["Python", "C++", "JavaScript", "Golang"]
#y-akseli
y = [10, 5, 9, 7]
plt.plot (x, y, merkki='o', linjatyyli='-', väri ='b')
# X-etiketin nimeäminen
plt.xlabel('Kieli')
# Y-merkin nimeäminen
plt.ylabel('Pisteet')
# Juonen otsikon nimeäminen
plt.title('Kieli vs pisteet')
kuva
</py-script>
</body>
Saat seuraavan kuvan, kun avaat HTML-tiedoston verkkoselaimessa:
Näytä pylväskaavio selaimessa PyScriptin avulla
Voit luoda palkkikaavion selaimessa käyttämällä seuraavaa Python-katkelmaa:
<kehon>
<div id="matplotlib-palkki"></div>
<py-script output="matplotlib-palkki">
# Python-koodi
# tuodaan matplotlib-kirjastoa
tuonti matplotlib.pyplot kuten plt
kuva, ax = plt.subplots()
# x akseli
x = ["Python", "C++", "JavaScript", "Golang"]
#y-akseli
y = [10, 5, 9, 7]
plt.baari(x, y)
# X-etiketin nimeäminen
plt.xlabel('Kieli')
# Y-merkin nimeäminen
plt.ylabel('Pisteet')
# Juonen otsikon nimeäminen
plt.title('Kieli vs pisteet')
kuva
</py-script>
</body>
Tämä koodi tuottaa seuraavan tulosteen:
Millainen tulevaisuus PyScriptillä on?
Voit luoda tehokkaita kojetauluja ja kaavioita HTML: ssä käyttämällä PyScript- ja Python-kirjastoja, kuten Matplotlib, Bokeh, Seaborn ja niin edelleen. Sinun pitäisi kuitenkin luultavasti pidättäytyä käyttämästä sitä tuotannossa, koska sitä kehitetään raskaasti. Ohjelmistossa on tällä hetkellä useita ongelmia, mukaan lukien latausaika ja käytettävyys. Tulevaisuudessa PyScript saattaa avata portteja suorittaakseen ja suorittaakseen Python-toimintoja verkossa sujuvammin.
Yksi tärkeimmistä syistä PyScriptin kehittämiseen oli auttaa datatieteilijöitä visualisoimaan dataa verkossa. Jos olet tietotieteilijä, voit hyödyntää PyScriptin tehoa yhdistämällä sen datatieteen kirjastoihin, kuten Pandas ja NumPy.