Python, veri analizi, makine öğrenimi, web kazıma ve çok daha fazlası için yaygın olarak kullanılmaktadır. Ancak web uygulamaları oluşturmak için Python kodunu HTML'de de çalıştırabileceğinizi biliyor muydunuz?
PyScript, Python kodunu bir tarayıcıda çalıştırmanıza izin vererek bunu mümkün kılar. Birkaç PyScript-HTML örneğinin yardımıyla matplotlib görselleştirmelerini bir web sayfasına nasıl ekleyeceğinizi öğrenin.
PyScript Nedir?
PyScript, açık kaynaklı bir web çerçevesidir. Python'u web tarayıcısında çalıştırmanıza izin verir. HTML arayüzünü ve Pyodide, WASM ve modern web teknolojilerinin gücünü bütünleştirir. PyScript şu anda geliştirme aşamasındadır ancak şimdiden bazı heyecan verici özelliklere sahiptir. Potansiyel olarak, güçlü web uygulamaları oluşturmak için bir araç haline gelebilir.
Bu projede kullanılan kod bir GitHub deposu ve MIT lisansı altında kullanmanız için ücretsizdir. Bu projenin canlı versiyonuna göz atmak isterseniz, şuraya göz atabilirsiniz: çizgi grafiği ve barplot demolar.
HTML Ortak Plakasını Ayarla
PyScript'i kullanmadan önce, bazı şeyleri ayarlamanız gerekir. Yeni bir HTML dosyası oluşturun ve HTML ortak plakasını ayarlayın. Çoğu modern IDE'ler otomatik olarak kazan plakaları oluşturmak için işlevsellik sağlar. sadece yazmanız yeterli doktor veya html ve enter'a basın. Başlamak için aşağıdaki şablonu da kullanabilirsiniz:
<!DOCTYPE html>
<html>
<kafa>
<meta karakter kümesi="utf-8">
<meta http-eşdeğeri="X-UA-Uyumlu" içerik="IE=kenar">
<Başlık></title>
<meta adı="tanım" içerik="">
<meta adı="görüş alanı" içerik="genişlik=cihaz genişliği, başlangıç ölçeği=1">
</head>
<gövde>
</body>
</html>
PyScript'i HTML'ye ekleyin: "Merhaba, Dünya!" PyScript'i kullanma
PyScript'i HTML dosyanızda indirerek veya CDN'sini HTML kafanıza bağlayarak kullanabilirsiniz. Aşağıdakileri ekleyin HTML dosyanızın bölümü:
<bağlantı rel="stil sayfası" href="https://pyscript.net/alpha/pyscript.css" />
<komut dosyası erteleme src="https://pyscript.net/alpha/pyscript.js"></script>PyScript'i kurmak için yapmanız gereken tek şey bu.
PyScript'in başarıyla entegre edilip edilmediğini doğrulamak için aşağıdaki kod satırını bölüm:
<gövde>
<py-script>Yazdır("Selam Dünya!")</py-script>
</body>HTML dosyasını herhangi bir web tarayıcısında açın ve göreceksiniz Selam Dünya! orada basılmıştır.
Matplotlib Kitaplığını Yükle
kullanmanız gerekir Python modüllerini içe aktarmak için etiketler. Yükle matplotlib modüldeki Aşağıdaki snippet'i kullanarak HTML dosyanızın bir bölümü:
<py-env>
- matplotlib
</py-env>PyScript Kullanarak Tarayıcıda Çizgi Grafiği Görüntüleme
Oluşturmak bir ile İD. ihtiyacın olacak İD ile kullanmak için çıktı niteliği etiket.
<div kimliği="matplotlib-çizgi grafiği"></div>Python kodunu şuraya yazmanız gerekir: etiket. Yukarıdakileri atayın İD için çıktı niteliği etiket.
<py-script çıktısı="matplotlib-çizgi grafiği">
# Python Kodu
</py-script>Artık bir çizgi grafiği oluşturmak için Python kodunu yazmaya hazırsınız:
<gövde>
<div kimliği="matplotlib-çizgi grafiği"></div>
<py-script çıktısı="matplotlib-çizgi grafiği">
# Python Kodu
# matplotlib kitaplığını içe aktarma
içe aktarmak matplotlib.pyplot olarak plt
incir, balta = plt.subplots()
# x ekseni
x = ["piton", "C++", "JavaScript", "Golang"]
# y ekseni
y = [10, 5, 9, 7]
plt.plot (x, y, işaretçi='Ö', çizgi stili='-', renk='b')
# x etiketini adlandırma
plt.xlabel('Dil')
# y etiketini adlandırma
plt.ylabel('Puan')
# Arsa başlığının adlandırılması
plt.başlık('Dil ve Puan')
incir
</py-script>
</body>
HTML dosyasını web tarayıcısında açtığınızda aşağıdaki şekil elde edilir:
PyScript Kullanarak Tarayıcıda Bir Çubuk Grafiği Görüntüleme
Aşağıdaki Python parçacığını kullanarak tarayıcıda bir çubuk grafiği oluşturabilirsiniz:
<gövde>
<div kimliği="matplotlib-bar"></div>
<py-script çıktısı="matplotlib-bar">
# Python Kodu
# matplotlib kitaplığını içe aktarma
içe aktarmak matplotlib.pyplot olarak plt
incir, balta = plt.subplots()
# x ekseni
x = ["piton", "C++", "JavaScript", "Golang"]
# y ekseni
y = [10, 5, 9, 7]
plt.çubuk(x, y)
# x etiketini adlandırma
plt.xlabel('Dil')
# y etiketini adlandırma
plt.ylabel('Puan')
# Arsa başlığının adlandırılması
plt.başlık('Dil ve Puan')
incir
</py-script>
</body>
Bu kod aşağıdaki çıktıyı üretir:
PyScript Hangi Geleceği Tutuyor?
Matplotlib, Bokeh, Seaborn vb. gibi PyScript ve Python kitaplıklarını kullanarak HTML'de güçlü panolar ve grafikler oluşturabilirsiniz. Ancak, yoğun geliştirme aşamasında olduğu için muhtemelen üretimde kullanmaktan uzak durmalısınız. Yazılımın şu anda yükleme süresi ve kullanılabilirlik dahil olmak üzere birden fazla sorunu var. Gelecekte, PyScript, web üzerinde Python işlemlerini daha sorunsuz çalıştırmak ve gerçekleştirmek için kapılar açabilir.
PyScript'i geliştirmenin ana nedenlerinden biri, veri bilimcilerinin verileri web'de görselleştirmelerine yardımcı olmaktı. Bir veri bilimcisiyseniz, Pandas ve NumPy gibi veri bilimi kitaplıklarıyla birleştirerek PyScript'in gücünden yararlanabilirsiniz.
