Curseurs

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

Alex Scriven

Data Scientist

Qu'est-ce qu'un curseur ?

 

  • Élément interactif pour basculer entre des valeurs et mettre à jour un graphique

  • Utile pour visualiser l'évolution dans le temps

  • Peut servir à tout groupe

$$

$$

$$

  • 💡 Assurez-vous qu'il est pertinent pour votre graphique

 

Un curseur d'année :

Un curseur d'année

Un curseur d'île de manchots :

Un curseur d'île de manchots

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

Curseurs avec plotly.express

 

  • animation_frame : ce qui apparaîtra sur le curseur (Year ou Island à la diapo précédente)

$$

  • animation_group : identifie les échantillons constants d'une image à l'autre
Introduction à la visualisation de données avec Plotly en Python

Revenus vs employés avec curseur

fig = px.scatter(
  data_frame=revenues, 
  y='Revenue',
  x='Employees',
  color='Industry',

  animation_frame='Year',
  animation_group='Company')


fig.update_layout({
  'yaxis': {'range': [0, 500000]},
  'xaxis': {'range': [-100000, 2500000]}
})


fig['layout'].pop('updatemenus')
fig.show()

 

Revenus par année

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

Limite : méthode animate

plotly.express met en œuvre les curseurs avec la méthode animate

$$

fig['layout']['sliders'][0].steps[0]['method']

animate

$$

  • N'anime que le même point de données dans le temps
  • Construisez le curseur à l'aide de traces
Introduction à la visualisation de données avec Plotly en Python

Notre plan

 

  1. Créer un objet figure avec les traces nécessaires
  2. Définir un objet sliders pour afficher/masquer des traces
  3. Mettre à jour la mise en page pour ajouter le curseur à la figure
Introduction à la visualisation de données avec Plotly en Python

Créer la figure

 

fig = go.Figure()

for island in ['Torgersen', 'Biscoe', 'Dream']:
    df = penguins[penguins.Island == island]

    temp_trace = px.scatter(df, x="Culmen Length (mm)", y="Culmen Depth (mm)")
    fig.add_trace(temp_trace.data[0])
Introduction à la visualisation de données avec Plotly en Python

Créer le curseur

sliders = [
  {'steps':[

    {'method': 'update', 'label': 'Torgersen',

    'args': [{'visible': [True, False, False]}]},

    {'method': 'update', 'label': 'Bisco',

    'args': [{'visible': [False, True, False]}]},

    {'method': 'update', 'label': 'Dream',

    'args': [{'visible': [False, False, True]}]}

  ]}
]

$$

Plus d'options de formatage dans la documentation

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

Ajouter le curseur

 

$$

fig.update_layout({'sliders': sliders})
fig.show()

Curseur des îles de manchots – final

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

Passons à la pratique !

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

Preparing Video For Download...