„Python“ plačiai naudojamas duomenų analizei, mašininiam mokymuisi, žiniatinklio rinkimui ir dar daugiau. Bet ar žinojote, kad taip pat galite paleisti Python kodą HTML, kad sukurtumėte žiniatinklio programas?
„PyScript“ leidžia paleisti „Python“ kodą naršyklėje. Sužinokite, kaip pridėti matplotlib vizualizacijų prie tinklalapio, naudodami kelis PyScript-HTML pavyzdžius.
Kas yra PyScript?
PyScript yra atvirojo kodo žiniatinklio sistema, kuri leidžia paleisti Python žiniatinklio naršyklėje. Ji integruoja HTML sąsają ir Pyodide, WASM ir šiuolaikinių interneto technologijų galią. „PyScript“ šiuo metu yra kūrimo fazėje, tačiau jame jau yra keletas įdomių funkcijų. Tai gali tapti galingų žiniatinklio programų kūrimo įrankiu.
Šiame projekte naudojamas kodas yra prieinamas a GitHub saugykla ir jūs galite nemokamai naudotis pagal MIT licenciją. Jei norite pažvelgti į tiesioginę šio projekto versiją, galite peržiūrėti linijos brėžinys ir barplotas demonstracinės versijos.
Nustatykite HTML Boilerplate
Prieš naudodami PyScript, turite nustatyti dalykus. Sukurkite naują HTML failą ir nustatykite HTML šabloną. Dauguma Šiuolaikiniai IDE suteikia galimybę automatiškai kurti katilo plokštes. Jums tereikia įvesti doc arba html ir paspauskite įvesti. Taip pat galite pradėti naudoti šį šabloną:
<!DOCTYPE html>
<html>
<galva>
<meta charset="utf-8">
<meta http-equiv="Suderinamas su X-UA" turinys="IE = kraštas">
<titulą></title>
<meta vardas ="apibūdinimas" turinys="">
<meta vardas ="peržiūros sritis" turinys="plotis = įrenginio plotis, pradinė skalė = 1">
</head>
<kūnas>
</body>
</html>
Pridėkite PyScript prie HTML: "Sveikas, pasauli!" Naudojant PyScript
Galite naudoti PyScript savo HTML faile, atsisiųsdami jį arba susiedami jo CDN savo HTML galvoje. Įtraukite toliau nurodytus dalykus HTML failo dalis:
<nuoroda rel="stiliaus lapas" href="https://pyscript.net/alpha/pyscript.css" />
<scenarijus atidėti src="https://pyscript.net/alpha/pyscript.js"></script>Tai viskas, ką jums reikia padaryti, kad nustatytumėte PyScript.
Norėdami patikrinti, ar PyScript buvo sėkmingai integruotas, pridėkite šią kodo eilutę skyrius:
<kūnas>
<py-skriptas>spausdinti ("Labas pasauli!")</py-script>
</body>Atidarykite HTML failą bet kurioje žiniatinklio naršyklėje ir pamatysite Labas pasauli! ten atspausdinta.
Įkelti Matplotlib biblioteką
Jums reikia naudoti žymas, kad importuotumėte Python modulius. Įkelkite matplotlib modulyje HTML failo skyrių naudodami šį fragmentą:
<py-env>
- matplotlib
</py-env>Rodyti linijos brėžinį naršyklėje naudodami PyScript
Sukurti su an id. Jums reikės id naudoti su išvestis atributas žyma.
<div id="matplotlib-lineplot"></div>Turite parašyti Python kodą žyma. Priskirkite aukščiau nurodytus dalykus id prie išvestis atributas žyma.
<py-script output="matplotlib-lineplot">
# Python kodas
</py-script>Dabar esate pasirengę parašyti Python kodą, kad sukurtumėte linijos brėžinį:
<kūnas>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Python kodas
# importuoti matplotlib biblioteką
importuoti matplotlib.pyplot kaip plt
fig, ax = plt.subplots()
# x ašis
x = ["Python", "C++", "JavaScript", "Golangas"]
# y ašis
y = [10, 5, 9, 7]
plt.plot (x, y, žymeklis='o', linijos stilius='-', spalva ='b')
# X etiketės pavadinimo suteikimas
plt.xlabel('Kalba')
# Y raidės pavadinimo suteikimas
plt.ylabel('Rezultatas')
# Siužeto pavadinimo įvardijimas
plt.title('Kalba prieš balą')
pav
</py-script>
</body>
Kai atidarysite HTML failą žiniatinklio naršyklėje, bus pateiktas šis paveikslėlis:
Rodyti juostos diagramą naršyklėje naudodami PyScript
Naršyklėje galite sukurti juostos brėžinį naudodami šį Python fragmentą:
<kūnas>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Python kodas
# importuoti matplotlib biblioteką
importuoti matplotlib.pyplot kaip plt
fig, ax = plt.subplots()
# x ašis
x = ["Python", "C++", "JavaScript", "Golangas"]
# y ašis
y = [10, 5, 9, 7]
plt.baras(x, y)
# X etiketės pavadinimo suteikimas
plt.xlabel('Kalba')
# Y raidės pavadinimo suteikimas
plt.ylabel('Rezultatas')
# Siužeto pavadinimo įvardijimas
plt.title('Kalba prieš balą')
pav
</py-script>
</body>
Šis kodas sukuria tokią išvestį:
Kokią ateitį turi PyScript?
Galite kurti galingas informacijos suvestines ir diagramas HTML naudodami PyScript ir Python bibliotekas, tokias kaip Matplotlib, Bokeh, Seaborn ir pan. Tačiau tikriausiai turėtumėte susilaikyti nuo jo naudojimo gamyboje, nes jis intensyviai kuriamas. Šiuo metu programinė įranga turi daug problemų, įskaitant įkėlimo laiką ir naudojimą. Ateityje PyScript gali atverti vartus, kad būtų galima sklandžiau paleisti ir atlikti Python operacijas žiniatinklyje.
Viena iš pagrindinių PyScript kūrimo priežasčių buvo padėti duomenų mokslininkams vizualizuoti duomenis žiniatinklyje. Jei esate duomenų mokslininkas, galite panaudoti PyScript galią derindami ją su duomenų mokslo bibliotekomis, tokiomis kaip Pandas ir NumPy.
