Python, veri analitiği, makine öğrenimi, web kazıma ve çok daha fazlası için yaygın olarak kullanılır. Ancak web uygulamaları oluşturmak için Python kodunu HTML’de de çalıştırabileceğinizi biliyor muydunuz?

PyScript

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, Python’u web tarayıcısında çalıştırmanıza izin veren açık kaynaklı bir web çerçevesidir . HTML arayüzü ile 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 deposunda mevcuttur ve MIT lisansı altında kullanmanız için ücretsizdir. Bu projenin canlı bir versiyonuna göz atmak isterseniz, lineplot ve barplot demolarına göz atabilirsiniz.

HTML Ortak Plakasını Ayarlama

PyScript’i kullanmadan önce, bazı şeyleri ayarlamanız gerekir. Yeni bir HTML dosyası oluşturun ve HTML standart şablonunu ayarlayın. Modern IDE’lerin çoğu , ortak metinleri otomatik olarak oluşturma işlevi sağlar. Sadece doc veya html yazıp enter tuşuna basmanız yeterlidir. Başlamak için aşağıdaki şablonu da kullanabilirsiniz:

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

<title></title>

<meta name=”description” content=””>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

</head>

<body>

</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. HTML dosyanızın <head> bölümüne şunu ekleyin :

<link rel=”stylesheet” href=”https://pyscript.net/alpha/pyscript.css” />

<script defer 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 <body> bölümüne aşağıdaki kod satırını ekleyin:

<body>

<py-script>print(“Hello, World!”)</py-script>

</body>

HTML dosyasını herhangi bir web tarayıcısında açtığınızda Hello World! orada basılmıştır.

Matplotlib Kitaplığını Yükle

Python modüllerini içe aktarmak için <py-env> </py-env> etiketlerini kullanmanız gerekir. Aşağıdaki parçacığı kullanarak matplotlib modülünü HTML dosyanızın <head> bölümüne yükleyin :

<py-env>

– matplotlib

</py-env>

PyScript Kullanarak Tarayıcıda Çizgi Grafiği Görüntüleme

PyScript

Kimliği olan bir <div> oluşturun . <py-script> etiketinin output niteliğiyle kullanmak için id’ye ihtiyacınız olacak.

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

Python kodunu <py-script> etiketine yazmanız gerekmektedir. Yukarıdaki kimliği <py-script> etiketinin çıkış özelliğine atayın .

<py-script output=”matplotlib-lineplot”>

# Python Code

</py-script>

Artık bir çizgi grafiği oluşturmak için Python kodunu yazmaya hazırsınız:

<body>

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

<py-script output=”matplotlib-lineplot”>

# Python Code

# importing the matplotlib library

import matplotlib.pyplot as plt

fig, ax = plt.subplots()

# x axis

x = [“Python”, “C++”, “JavaScript”, “Golang”]

# y axis

y = [10, 5, 9, 7]

plt.plot(x, y, marker=’o’, linestyle=’-‘, color=’b’)

# Naming the x-label

plt.xlabel(‘Language’)

# Naming the y-label

plt.ylabel(‘Score’)

# Naming the title of the plot

plt.title(‘Language vs Score’)

fig

</py-script>

</body>

HTML dosyasını web tarayıcısında açtığınızda, aşağıdaki şeklin işlendiğini göreceksiniz:

matplotlib ve PyScript kullanarak çizgi grafiği

PyScript Kullanarak Tarayıcıda Bir Çubuk Grafiği Görüntüleyin

Aşağıdaki Python parçacığını kullanarak tarayıcıda bir çubuk grafiği oluşturabilirsiniz:

<body>

<div id=”matplotlib-bar”></div>

<py-script output=”matplotlib-bar”>

# Python Code

# importing the matplotlib library

import matplotlib.pyplot as plt

fig, ax = plt.subplots()

# x axis

x = [“Python”, “C++”, “JavaScript”, “Golang”]

# y axis

y = [10, 5, 9, 7]

plt.bar(x, y)

# Naming the x-label

plt.xlabel(‘Language’)

# Naming the y-label

plt.ylabel(‘Score’)

# Naming the title of the plot

plt.title(‘Language vs Score’)

fig

</py-script>

</body>

Bu kod aşağıdaki çıktıyı üretir:

matplotlib ve PyScript kullanarak bar grafiği

PyScript Hangi Geleceği Tutar?

PyScript

PyScript ve Matplotlib, Bokeh, Seaborn vb. 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 kaçınmalısınız. Yazılımın şu anda yükleme süresi ve kullanılabilirlik dahil olmak üzere birçok sorunu var. Gelecekte PyScript, Python işlemlerini web üzerinde daha sorunsuz çalıştırmak ve gerçekleştirmek için kapılar açabilir.

PyScript’i geliştirmenin ana nedenlerinden biri, veri bilimcilerin verileri web’de görselleştirmelerine yardımcı olmaktı. Bir veri bilimcisiyseniz, PyScript’i Pandas ve NumPy gibi veri bilimi kitaplıklarıyla birleştirerek gücünden yararlanabilirsiniz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir