Sous-graphiques

Introduction à la visualisation de données avec Plotly en Python

Alex Scriven

Data Scientist

Qu'est-ce qu'un sous-graphique ?

Sous-graphiques : « mini-graphiques » placés sur une grille

Afficher différents types de graphiques (mêmes données) ou différents sous-ensembles

Aperçu des sous-graphiques

Rappel sur les traces

Les figures Plotly contiennent une liste de traces : données et type
Accès avec fig.data[0], fig.data[1]
- Peut être ajouté aux sous-graphiques avec .add_trace()

px_fig = px.scatter(df...)
print(px_fig)

Figure({'data': [trace1], 'layout': {...}})

Créer un sous-graphique 1x2

import plotly.express as px
from plotly.subplots import make_subplots

# Create a subplot grid
fig = make_subplots(rows=2, cols=1)

# Create plotly express figures
hist = px.histogram(revenues, x='Revenue')
box = px.box(revenues, x='Revenue')

# Extract traces and add to subplots
fig.add_trace(hist.data[0], row=1, col=1)
fig.add_trace(box.data[0], row=2, col=1)

fig.show()

Un sous-graphique financier

Personnaliser les sous-graphiques

Aucun titre global
Aucun titre de sous-graphique

✨ Le rendre prêt pour une présentation

Sous-graphique financier simple

Titres des sous-graphiques

from plotly.subplots import make_subplots

fig = make_subplots(rows=2, cols=1,
    subplot_titles=[
    'Histogram of company revenues', 
    'Box plot of company revenues'])

## Add in traces (fig.add_trace())

fig.update_layout({'title': {'text':
    'Plots of company revenues', 
    'x': 0.5, 'y': 0.9}})

fig.show()

Titres des sous-graphiques corrigés

Plus d'options dans la documentation

Sous-graphiques empilés

fig = make_subplots(rows=3, cols=1, 
  subplot_titles=['Adelie Penguins'
  , 'Gentoo Penguins', 'Chinstrap Penguins'])

row_num = 1
for species in ['Adelie', 'Gentoo', 'Chinstrap']:
  # Filter data for this species
  df = penguins[penguins['Species'] == species]

  scatter = px.scatter(df, x='Culmen Length (mm)'
  , y='Culmen Depth (mm)')
  # Add the trace to the subplot
  fig.add_trace(scatter.data[0]
  , row=row_num, col=1)
  row_num +=1

Sous-graphiques de manchots empilés

Sous-graphiques avec axes partagés

Rendre l'axe des x « partagé » :

fig = make_subplots(
    rows=3, cols=1
    , shared_xaxes=True)

Sous-graphiques de manchots avec axe des x partagé

Passons à la pratique !

Introduction à la visualisation de données avec Plotly en Python