Python est largement utilisé pour l'analyse de données, l'apprentissage automatique, le grattage Web et bien plus encore. Mais saviez-vous que vous pouvez également exécuter du code Python en HTML pour créer des applications Web ?

PyScript le rend possible, vous permettant d'exécuter du code Python dans un navigateur. Apprenez à ajouter des visualisations matplotlib à une page Web à l'aide de plusieurs exemples PyScript-HTML.

Qu'est-ce que PyScript ?

PyScript est un framework Web open source qui vous permet d'exécuter Python dans le navigateur Web. Il intègre l'interface HTML et la puissance de Pyodide, WASM et des technologies Web modernes. PyScript est actuellement en phase de développement, mais il possède déjà des fonctionnalités intéressantes. Potentiellement, cela pourrait devenir un outil pour créer de puissantes applications Web.

Le code utilisé dans ce projet est disponible dans un Référentiel GitHub et est libre d'utilisation sous la licence MIT. Si vous souhaitez jeter un œil à une version en direct de ce projet, vous pouvez consulter le

instagram viewer
graphique linéaire et graphique à barres démos.

Configurer le modèle HTML

Avant d'utiliser PyScript, vous devez configurer les choses. Créez un nouveau fichier HTML et configurez le code HTML standard. Plus IDE modernes fournissent la fonctionnalité pour créer des passe-partout automatiquement. Il vous suffit de taper doc ou html et appuyez sur entrée. Vous pouvez également utiliser le modèle suivant pour commencer :

<!DOCTYPE html>
<html>
<tête>
<meta charset="utf-8">
<meta http-equiv="Compatible X-UA" contenu="IE=bord">
<Titre></title>
<méta nom ="la description" contenu="">
<méta nom ="fenêtre" contenu="width=device-width, initial-scale=1">
</head>
<corps>
</body>
</html>

Ajoutez PyScript au HTML: "Hello, World !" Utilisation de Python

Vous pouvez utiliser PyScript dans votre fichier HTML en le téléchargeant ou en liant son CDN dans votre tête HTML. Ajoutez ce qui suit dans le section de votre fichier HTML :

<lien rel="feuille de style" href="https://pyscript.net/alpha/pyscript.css" />
<report de script src="https://pyscript.net/alpha/pyscript.js"></script>

C'est tout ce que vous devez faire pour configurer PyScript.

Pour vérifier si PyScript a été intégré avec succès, ajoutez la ligne de code suivante dans le section:

<corps>
<py-script>imprimer("Bonjour le monde!")</py-script>
</body>

Ouvrez le fichier HTML dans n'importe quel navigateur Web et vous verrez Bonjour le monde! imprimé là-bas.

Charger la bibliothèque Matplotlib

Vous devez utiliser le balises pour importer des modules Python. Charger le matplotlib modules dans le section de votre fichier HTML à l'aide de l'extrait de code suivant :

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

Afficher un tracé linéaire dans le navigateur à l'aide de PyScript

Créer un avec un identifiant. Vous aurez besoin du identifiant pour l'utiliser avec le production attribut de la étiquette.

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

Vous devez écrire le code Python dans le étiquette. Attribuez ce qui précède identifiant au production attribut de la étiquette.

<sortie py-script ="matplotlib-lineplot">
#Code Python
</py-script>

Vous êtes maintenant prêt à écrire le code Python pour créer un tracé linéaire :

<corps>
<id div="matplotlib-lineplot"></div>
<sortie py-script ="matplotlib-lineplot">
#Code Python
# importer la librairie matplotlib
importer matplotlib.pyplot comme plt
 fig, ax = plt.subplots()
# axe x
 x = ["Python", "C++", "Javascript", "Golang"]
# axe y
 y = [10, 5, 9, 7]
 plt.plot (x, y, marqueur='o', style de ligne='-', couleur='b')
# Nommer le x-label
 plt.xlabel('Langue')
# Nommer le y-label
 plt.ylabel('Score')
# Nommer le titre de l'intrigue
 plt.titre('Langue vs Score')
 figure
</py-script>
</body>

Vous obtiendrez la figure suivante lorsque vous ouvrirez le fichier HTML dans le navigateur Web :

Afficher un graphique à barres dans le navigateur à l'aide de PyScript

Vous pouvez créer un graphique à barres dans le navigateur à l'aide de l'extrait de code Python suivant :

<corps>
<id div="matplotlib-bar"></div>
<sortie py-script ="matplotlib-bar">
#Code Python
# importer la librairie matplotlib
importer matplotlib.pyplot comme plt
 fig, ax = plt.subplots()
# axe x
 x = ["Python", "C++", "Javascript", "Golang"]
# axe y
 y = [10, 5, 9, 7]
plt.bar(X, y)
# Nommer le x-label
 plt.xlabel('Langue')
# Nommer le y-label
 plt.ylabel('Score')
# Nommer le titre de l'intrigue
 plt.titre('Langue vs Score')
 figure
</py-script>
</body>

Ce code produit la sortie suivante :

Quel avenir réserve PyScript ?

Vous pouvez créer des tableaux de bord et des graphiques puissants en HTML à l'aide des bibliothèques PyScript et Python telles que Matplotlib, Bokeh, Seaborn, etc. Cependant, vous devriez probablement éviter de l'utiliser en production car il est en cours de développement. Le logiciel présente actuellement plusieurs problèmes, notamment le temps de chargement et la convivialité. À l'avenir, PyScript pourrait ouvrir des portes pour exécuter et effectuer des opérations Python sur le Web de manière plus fluide.

L'une des principales raisons de développer PyScript était d'aider les data scientists à visualiser les données sur le Web. Si vous êtes un scientifique des données, vous pouvez tirer parti de la puissance de PyScript en le combinant avec des bibliothèques de science des données telles que Pandas et NumPy.