1. Bases des graphiques interactifs
On commence avec le plus simple : créer un graphique interactif basique. Faisons un graphique de dispersion qui montre la croissance des carottes dans ton jardin virtuel. Oui, même les développeurs ont des rêves de jardinage !
import plotly.express as px
import pandas as pd
# DataFrame simple avec nos données
df = pd.DataFrame({
'Jours': [1, 2, 3, 4, 5],
'Croissance des carottes': [2, 3, 5, 7, 11]
})
# Création d'un graphique linéaire interactif
fig = px.line(df, x='Jours', y='Croissance des carottes', title='Croissance des carottes sur la semaine')
fig.show()
Quand tu exécutes ce code, une nouvelle fenêtre du navigateur s'ouvre et tu verras un graphique interactif impressionnant que tu peux zoomer, dézoomer et cliquer sur les points pour voir leurs valeurs.
Maintenant, ajoutons un peu de magie interactive !
2. Personnalisation de l'interactivité
Plotly permet de personnaliser les tooltips, les schémas de couleurs et d'ajouter des données supplémentaires dans tes graphiques interactifs, rendant tes rapports plus informatifs et esthétiques.
Personnalisation des tooltips
Avec Plotly, tu peux ajouter des données détaillées dans les tooltips qui apparaissent lorsque tu survoles les éléments de ton graphique.
import plotly.express as px
import pandas as pd
# DataFrame simple avec nos données
df = pd.DataFrame({
'Jours': [1, 2, 3, 4, 5],
'Croissance des carottes': [2, 3, 5, 7, 11],
"Plan de l'agronome": [3, 4, 5, 6, 13]
})
# Création d'un graphique interactif
fig = px.line(df, x='Jours', y='Croissance des carottes', title='Croissance des carottes sur la semaine', hover_data={"Plan de l'agronome": True})
fig.show()
Ici, hover_data={"Plan de l'agronome": True} ajoute des données sur le plan de l'agronome dans les tooltips pour que les utilisateurs puissent comparer les données réelles avec le plan en survolant.
Personnalisation des couleurs
Plotly prend en charge différents schémas de couleurs que tu peux utiliser pour améliorer l'attrait visuel.
import plotly.express as px
# Données pour le graphique
data = {
"Catégorie": ["A", "B", "C", "D"],
"Valeur": [10, 20, 30, 40]
}
fig = px.bar(data, x="Catégorie", y="Valeur", color="Catégorie", title="Données par catégorie")
fig.show()
Les schémas de couleurs peuvent être personnalisés pour créer des rapports plus colorés et informatifs.
Zoom
Plotly offre de nombreux éléments interactifs que tu peux intégrer à tes graphiques, comme le zoom, le panoramique, et les annotations. Par exemple, tu peux facilement inclure le zoom et l'échelle comme montré ci-dessous :
import plotly.graph_objects as go
# Utilisation des données sur les carottes, ajout d'interactivité
fig = go.Figure(data=go.Scatter(x=df['Jours'], y=df['Croissance des carottes'], mode='lines+markers'))
# Configuration des contrôles
fig.update_layout(
title='Croissance des carottes sur la semaine',
xaxis_title='Jours',
yaxis_title='Croissance des carottes (cm)',
hovermode='closest'
)
fig.show()
Ce graphique te permet de cliquer sur les points et fournit des informations supplémentaires que nous pouvons définir nous-mêmes.
3. Exemples d'utilisation des graphiques interactifs
Les graphiques interactifs sont parfaits pour visualiser de grands ensembles de données. Par exemple, imagine un ensemble de données contenant des milliers de lignes sur les ventes d'un magasin au cours de l'année. Les éléments interactifs te permettent non seulement de voir la vue d'ensemble, mais aussi de plonger dans les détails, d'explorer des jours spécifiques, de trouver des pics et des creux, améliorant ainsi ta compréhension et tes décisions.
Créons un exemple avec des données plus volumineuses - disons que nous avons des données sur la température au cours d'une année, et nous voulons les visualiser :
import numpy as np
# Génération de données sur la température
np.random.seed(0)
x = np.arange(365)
y = np.random.normal(30, 5, 365) # Moyenne de 30 degrés
fig = go.Figure(data=go.Scatter(x=x, y=y, mode='lines', line=dict(color='firebrick')))
fig.update_layout(
title='Température au cours de l\'année',
xaxis_title='Jour',
yaxis_title='Température (°C)'
)
fig.show()
Maintenant, tu as un graphique interactif qui montre non seulement les changements de température presque chaque jour, mais aussi te permet de te concentrer sur des périodes spécifiques pour une étude approfondie.
Personnalisation des graphiques
Plotly offre des options de personnalisation qui rendent tes graphiques visuellement attractifs et utiles. Tu peux changer les couleurs, ajouter des tooltips, des légendes et même des animations ! Pour des scénarios plus complexes, tu peux plonger dans la documentation de Plotly et trouver des exemples d'utilisation de ces fonctionnalités dans ton propre projet.
Tu pourrais penser que créer des graphiques interactifs est une tâche de niveau maître Jedi, mais les compétences que tu acquiers avec Plotly ouvriront la porte à un monde de visualisations de données efficaces et claires. Utilise ces compétences pour renforcer tes capacités analytiques et devenir une star d'Excel (ou Python) sur ton lieu de travail. N'oublie pas d'expérimenter et d'essayer de nouvelles approches - c'est comme ça que les grandes idées naissent !
GO TO FULL VERSION