Slider

Introduzione alla Data Visualization con Plotly in Python

Alex Scriven

Data Scientist

Cosa sono gli slider?

Un elemento interattivo per passare tra valori e aggiornare un grafico
Usato per esplorare dati nel tempo
Utile per qualsiasi gruppo

💡 Assicurati che abbia senso nel tuo grafico

Uno slider per anno:

Uno slider per anno

Uno slider per isole dei pinguini:

Uno slider per isole dei pinguini

Slider in plotly.express

animation_frame: Cosa appare sullo slider (Year o Island nella slide precedente)

animation_group: Identifica quali campioni restano coerenti tra i frame

Ricavi vs. Dipendenti con slider

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()

Ricavi per anno

Limite: metodo animate

plotly.express implementa gli slider usando il metodo animate

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

animate

Anima solo lo stesso punto dati nel tempo
Crea lo slider usando le tracce

Il nostro piano

Crea una figura con le tracce necessarie
Definisci uno slider per mostrare/nascondere le tracce
Aggiorna il layout per aggiungere lo slider alla figura

Creare la figura

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])

Creare lo slider

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]}]}

  ]}
]

Altre opzioni di formattazione nella documentazione

Aggiungere lo slider

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

Slider isole dei pinguini finale

Passons à la pratique !

Introduzione alla Data Visualization con Plotly in Python