Graphiques Matplotlib annotés en Python

Introduction

Ce tutoriel vous guidera tout au long du processus de création d'un graphique avec des annotations à l'aide de Matplotlib en Python. Vous allez apprendre à connecter deux points avec une flèche, à ajouter une ellipse au graphique et à personnaliser le style de la flèche et les propriétés de l'ellipse.

Conseils sur la machine virtuelle

Une fois le démarrage de la machine virtuelle terminé, cliquez dans le coin supérieur gauche pour basculer vers l'onglet Notebook pour accéder à Jupyter Notebook pour la pratique.

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

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églerons rapidement le problème pour vous.

Configure le graphique

Tout d'abord, nous devons configurer le graphique avec deux sous-graphiques. Nous allons utiliser la fonction subplots pour créer une grille 2x2 de sous-graphiques, puis nous définirons les coordonnées x et y de deux points.

import matplotlib.pyplot as plt
import matplotlib.patches as mpatches

fig, axs = plt.subplots(2, 2)
x1, y1 = 0.3, 0.3
x2, y2 = 0.7, 0.7

Connecter deux points avec une flèche

Dans cette étape, nous allons connecter les deux points avec une flèche. Nous utiliserons la fonction annotate pour créer la flèche et personnaliser le style et la couleur de la flèche.

ax = axs.flat[0]
ax.plot([x1, x2], [y1, y2], ".")
ax.annotate("",
            xy=(x1, y1), xycoords='data',
            xytext=(x2, y2), textcoords='data',
            arrowprops=dict(arrowstyle="-",
                            color="0.5",
                            connectionstyle="arc3,rad=0.3",
                            ),
            )

Ajouter une ellipse au graphique

Dans cette étape, nous allons ajouter une ellipse au graphique. Nous utiliserons la fonction Ellipse pour créer l'ellipse et personnaliser les propriétés de l'ellipse telles que la position, la largeur, la hauteur et l'angle.

ax = axs.flat[1]
ax.plot([x1, x2], [y1, y2], ".")
el = mpatches.Ellipse((x1, y1), 0.3, 0.4, angle=30, alpha=0.2)
ax.add_artist(el)

Personnaliser la flèche pour la connecter à l'ellipse

Dans cette étape, nous allons personnaliser la flèche pour la connecter à l'ellipse. Nous utiliserons le paramètre arrowprops pour spécifier que la flèche doit être connectée à l'ellipse, et nous personnaliserons également le style et la couleur de la flèche.

ax = axs.flat[2]
ax.plot([x1, x2], [y1, y2], ".")
el = mpatches.Ellipse((x1, y1), 0.3, 0.4, angle=30, alpha=0.2)
ax.add_artist(el)
ax.annotate("",
            xy=(x1, y1), xycoords='data',
            xytext=(x2, y2), textcoords='data',
            arrowprops=dict(arrowstyle="-",
                            color="0.5",
                            patchB=el,
                            connectionstyle="arc3,rad=0.3",
                            ),
            )

Personnaliser la flèche pour la rétrécir jusqu'à l'ellipse

Dans cette étape, nous allons personnaliser la flèche pour la rétrécir jusqu'à l'ellipse. Nous utiliserons le paramètre shrinkB pour spécifier le montant par lequel la flèche doit se rétrécir vers l'ellipse.

ax = axs.flat[3]
ax.plot([x1, x2], [y1, y2], ".")
el = mpatches.Ellipse((x1, y1), 0.3, 0.4, angle=30, alpha=0.2)
ax.add_artist(el)
ax.annotate("",
            xy=(x1, y1), xycoords='data',
            xytext=(x2, y2), textcoords='data',
            arrowprops=dict(arrowstyle="fancy",
                            color="0.5",
                            patchB=el,
                            shrinkB=5,
                            connectionstyle="arc3,rad=0.3",
                            ),
            )

Sommaire

Dans ce tutoriel, vous avez appris à créer un graphique avec des annotations à l'aide de Matplotlib en Python. Vous avez appris à connecter deux points avec une flèche, à ajouter une ellipse au graphique et à personnaliser le style de la flèche et les propriétés de l'ellipse. Ces compétences seront utiles pour créer des graphiques informatifs et visuellement attrayants pour la visualisation de données.