Maîtriser les sous-tracés de Plotly : astuces et hacks

Name: Oluwaseun Adeojo

Published on 17/08/2023

La visualisation de données est un aspect crucial de l'analyse de données et Plotly offre une plateforme puissante pour créer des graphiques interactifs. L'une des fonctionnalités les plus polyvalentes de Plotly est la possibilité de créer des sous-tracés, permettant de créer des figures multi-panneaux complexes. Cet article vise à démystifier le processus de création de sous-tracés dans Plotly, en vous fournissant les connaissances nécessaires pour créer, personnaliser et manipuler des sous-tracés selon vos besoins en matière de visualisation de données.

Les sous-tracés dans Plotly sont un moyen d'afficher plusieurs graphiques sur une seule figure, chaque graphique résidant dans son propre ensemble d'axes, appelé sous-tracé. Cette fonctionnalité est particulièrement utile lorsque vous souhaitez comparer ou contraster différents ensembles de données côte à côte. Dans les sections suivantes, nous nous plongerons dans les détails de la création de sous-tracés dans Plotly, en abordant des sujets tels que la définition des titres des sous-tracés, l'ajustement de la taille des sous-tracés et le partage des axes entre les sous-tracés.

Vous souhaitez créer rapidement une visualisation de données à partir d'un dataframe Python Pandas sans écrire de code ?

PyGWalker est une bibliothèque Python pour l'analyse exploratoire de données avec visualisation. PyGWalker (opens in a new tab) peut simplifier votre flux de travail d'analyse de données et de visualisation de données dans Jupyter Notebook en transformant votre dataframe pandas (et votre dataframe polars) en une interface utilisateur de type Tableau pour l'exploration visuelle.

(opens in a new tab)

1 : Qu'est-ce que les sous-tracés dans Plotly ?

Les sous-tracés dans Plotly sont des graphiques individuels qui partagent une figure ou une toile commune. Ils sont un outil puissant pour la visualisation de données, vous permettant d'afficher plusieurs graphiques liés dans une seule figure. Cela peut être particulièrement utile lorsque vous souhaitez comparer ou contraster différents ensembles de données côte à côte.

Dans Plotly, vous pouvez créer des sous-tracés à l'aide de la fonction make_subplots. Cette fonction vous permet de spécifier le nombre de lignes et de colonnes de votre grille de sous-tracés, ce qui contrôle efficacement la disposition de vos sous-tracés. Par exemple, si vous souhaitez créer une figure avec deux lignes et trois colonnes de sous-tracés, vous utiliseriez la commande make_subplots(rows=2, cols=3). Cela créerait une grille avec six sous-tracés, disposés en deux lignes et trois colonnes.

2 : Comment créer un sous-tracé avec Plotly en Python ?

La création de sous-tracés dans Plotly en Python implique quelques étapes clés. Premièrement, vous devez importer les bibliothèques nécessaires. Vous aurez besoin à la fois de plotly.graph_objects et de plotly.subplots. Le module graph_objects contient les types de graphiques (comme les graphiques linéaires, les graphiques de dispersion, les graphiques en barres, etc.), tandis que le module subplots contient la fonction make_subplots.

Voici un guide étape par étape sur la façon de créer un sous-tracé dans Plotly en Python :

Importez les bibliothèques nécessaires :

import plotly.graph_objects as go
from plotly.subplots import make_subplots

Créez une figure de sous-tracé :

fig = make_subplots(rows=2, cols=1)

Ajoutez des tracés à la figure de sous-tracé :

fig.add_trace(go.Scatter(y=[4, 2, 1]), row=1, col=1)
fig.add_trace(go.Bar(y=[2, 1, 3]), row=2, col=1)

Affichez la figure :

fig.show()

Dans cet exemple, nous avons créé une figure avec deux sous-tracés. Le premier sous-tracé est un graphique de dispersion et le second sous-tracé est un graphique en barres.

3 : Comment tracer plusieurs graphiques sur Plotly ?

Plotly facilite le traçage de plusieurs graphiques sur une seule figure à l'aide de la méthode add_trace. Cette méthode vous permet d'ajouter un nouveau graphique (ou "trace") à un sous-tracé spécifique de votre figure.

Voici un exemple de la manière de tracer plusieurs graphiques sur Plotly :

Importez les bibliothèques nécessaires :

import plotly.graph_objects as go
from plotly.subplots import make_subplots

Créez une figure de sous-tracé :

fig = make_subplots(rows=1, cols=2)

Ajoutez des tracés à la figure de sous-tracé :

fig.add_trace(go.Scatter(y=[4, 2, 1]), row=1, col=1)
fig.add_trace(go.Bar(y=[2, 1, 3]), row=1, col=2)

Affichez la figure :

fig.show()

Dans cet exemple, nous avons créé une figure avec deux sous-tracés côte à côte. Le premier sous-tracé est un graphique de dispersion et le second sous-tracé est un graphique en barres. En spécifiant les paramètres de ligne et de colonne dans la méthode add_trace, nous pouvons contrôler à quel sous-tracé chaque graphique est ajouté.

4 : Comment définir le titre de chaque sous-tracé dans Plotly ?

Définir le titre de chaque sous-tracé dans Plotly est un processus simple. Vous pouvez utiliser les méthodes update_xaxes et update_yaxes pour définir le titre de l'axe des abscisses et de l'axe des ordonnées respectivement. Voici un exemple :

Importez les bibliothèques nécessaires :

import plotly.graph_objects as go
from plotly.subplots import make_subplots

Créez une figure de sous-tracé :

fig = make_subplots(rows=1, cols=2)

Ajoutez des tracés à la figure de sous-tracé :

fig.add_trace(go.Scatter(y=[4, 2, 1]), row=1, col=1)
fig.add_trace(go.Bar(y=[2, 1, 3]), row=1, col=2)

Définissez le titre pour chaque sous-tracé :

fig.update_xaxes(title_text="Graphique de dispersion", row=1, col=1)
fig.update_yaxes(title_text="Graphique en barres", row=1, col=2)

Affichez la figure :

fig.show()

Dans cet exemple, nous avons défini le titre de l'axe des abscisses du premier sous-tracé sur "Graphique de dispersion" et le titre de l'axe des ordonnées du second sous-tracé sur "Graphique en barres". Cela permet de labéliser clairement chaque sous-tracé et de rendre la figure plus informative.

5 : Comment ajuster la taille des sous-tracés dans Plotly ?

Ajuster la taille des sous-graphiques dans Plotly peut être fait en utilisant le paramètre specs dans la fonction make_subplots. Le paramètre specs prend une liste de listes, où chaque liste représente une ligne de sous-graphiques, et chaque élément de la liste est un dictionnaire spécifiant la configuration de ce sous-graphique.

Voici un exemple de comment ajuster les tailles des sous-graphiques dans Plotly :

Importer les bibliothèques nécessaires :

import plotly.graph_objects as go
from plotly.subplots import make_subplots

Créer une figure de sous-graphique avec des tailles personnalisées :

fig = make_subplots(rows=2, cols=1, specs=[[{"height": 300}], [{"height": 500}]])

Ajouter des traces à la figure de sous-graphique :

fig.add_trace(go.Scatter(y=[4, 2, 1]), row=1, col=1)
fig.add_trace(go.Bar(y=[2, 1, 3]), row=2, col=1)

Afficher la figure :

fig.show()

Dans cet exemple, nous avons créé une figure avec deux sous-graphiques de tailles différentes. Le premier sous-graphique a une hauteur de 300 pixels, et le deuxième sous-graphique a une hauteur de 500 pixels.

Questions fréquemment posées

Qu'est-ce que les sous-graphiques dans Plotly ? Les sous-graphiques dans Plotly sont des graphiques individuels qui partagent une figure ou un canevas commun. Ils vous permettent d'afficher plusieurs graphiques liés dans une seule figure.
Comment créer un sous-graphique dans Plotly Python ? Vous pouvez créer des sous-graphiques dans Plotly Python en utilisant la fonction make_subplots du module plotly.subplots. Vous pouvez ensuite ajouter des traces à la figure de sous-graphique en utilisant la méthode add_trace.
Comment tracer plusieurs graphiques sur Plotly ? Vous pouvez tracer plusieurs graphiques sur une seule figure Plotly en ajoutant plusieurs traces à la figure en utilisant la méthode add_trace.

Mastering Plotly Subplots: Tips, Tricks, and Hacks Plotly Express: Clairement Expliqué