Ajout de liens hypertexte aux graphiques

Introduction

Matplotlib est une bibliothèque de visualisation de données Python qui permet aux utilisateurs de créer une large gamme de visualisations statiques, animées et interactives en Python. Dans ce laboratoire, vous allez apprendre à ajouter des liens hypertexte à vos graphiques à l'aide de Matplotlib. À la fin de ce laboratoire, vous serez capable d'ajouter des liens hypertexte à des graphiques de dispersion et à des images dans Matplotlib.

Conseils sur la machine virtuelle

Une fois le démarrage de la machine virtuelle terminé, cliquez sur le coin supérieur gauche pour basculer vers l'onglet Carnet de notes pour accéder au carnet Jupyter pour la pratique.

Parfois, vous devrez peut-être attendre quelques secondes pour que le carnet Jupyter ait fini de charger. La validation des opérations ne peut pas être automatisée en raison des limitations du carnet Jupyter.

Si vous rencontrez des problèmes pendant l'apprentissage, n'hésitez pas à demander à Labby. Donnez votre feedback après la session, et nous résoudrons rapidement le problème pour vous.

Importation des bibliothèques requises

Avant de commencer, nous devons importer les bibliothèques nécessaires pour ce laboratoire. Nous allons utiliser matplotlib.pyplot, numpy et matplotlib.cm.

import matplotlib.pyplot as plt
import numpy as np
import matplotlib.cm as cm

Créer un graphique de dispersion avec des liens hypertexte

Dans cette étape, nous allons créer un graphique de dispersion et ajouter des liens hypertexte aux marqueurs. Voici le code pour créer le graphique de dispersion :

fig = plt.figure()
s = plt.scatter([1, 2, 3], [4, 5, 6])

Pour ajouter des liens hypertexte, nous devons utiliser la méthode set_urls() de l'objet graphique de dispersion. Cette méthode prend une liste d'URLs en argument. Voici le code mis à jour :

s.set_urls(['https://www.bbc.com/news', 'https://www.google.com/', None])

Les deux premiers marqueurs auront respectivement des liens hypertexte vers https://www.bbc.com/news et https://www.google.com/. Le troisième marqueur n'aura pas de lien hypertexte. Enfin, nous pouvons enregistrer le graphique sous forme de fichier SVG en utilisant fig.savefig() :

fig.savefig('scatter.svg')

Créer une image avec un lien hypertexte

Dans cette étape, nous allons créer une image et lui ajouter un lien hypertexte. Voici le code pour créer l'image :

fig = plt.figure()
delta = 0.025
x = y = np.arange(-3.0, 3.0, delta)
X, Y = np.meshgrid(x, y)
Z1 = np.exp(-X**2 - Y**2)
Z2 = np.exp(-(X - 1)**2 - (Y - 1)**2)
Z = (Z1 - Z2) * 2

im = plt.imshow(Z, interpolation='bilinear', cmap=cm.gray,
                origin='lower', extent=[-3, 3, -3, 3])

Pour ajouter un lien hypertexte à l'image, nous devons utiliser la méthode set_url() de l'objet image. Cette méthode prend une URL en argument. Voici le code mis à jour :

im.set_url('https://www.google.com/')

L'image aura un lien hypertexte vers https://www.google.com/. Enfin, nous pouvons enregistrer le graphique sous forme de fichier SVG en utilisant fig.savefig() :

fig.savefig('image.svg')

Exécutez le code

Exécutez le code dans votre environnement Python. Deux fichiers SVG devraient être générés : scatter.svg et image.svg. Ouvrez ces fichiers et passez la souris sur les marqueurs dans le graphique de dispersion et l'image. Vous devriez voir un infobulle avec le lien hypertexte.

Résumé

Dans ce laboratoire, vous avez appris à ajouter des liens hypertexte à des graphiques de dispersion et des images dans Matplotlib. Vous avez utilisé la méthode set_urls() pour les graphiques de dispersion et la méthode set_url() pour les images. Ajouter des liens hypertexte à vos graphiques peut être utile lorsque vous voulez fournir des informations supplémentaires ou des ressources à votre public.