Sliders

Introduktion till datavisualisering med Plotly i Python

Alex Scriven

Data Scientist

Vad är sliders?

 

  • Ett interaktivt element för att växla mellan värden och uppdatera ett diagram

  • Används för att visa data över tid

  • Kan användas för vilken grupp som helst

$$

$$

$$

  • 💡 Se till att det passar i ditt diagram

 

En årsslider:

En årsslider

En slider för pingvinöar:

En slider för pingvinöar

Introduktion till datavisualisering med Plotly i Python

Sliders i plotly.express

 

  • animation_frame Vad som visas på slidern (Year eller Island på föregående bild)

$$

  • animation_group: Identifierar vilka datapunkter som är konsekventa mellan bildrutor
Introduktion till datavisualisering med Plotly i Python

Intäkter vs. anställda med 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()

 

Intäkter per år

Introduktion till datavisualisering med Plotly i Python

Begränsning: animate-metoden

plotly.express implementerar sliders med metoden animate

$$

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

animate

$$

  • Animerar bara samma datapunkt över tid
  • Bygg slidern med hjälp av traces
Introduktion till datavisualisering med Plotly i Python

Vår plan

 

  1. Skapa ett figurobjekt med nödvändiga traces
  2. Definiera ett sliderobjekt för att visa/dölja traces
  3. Uppdatera layouten för att lägga till slidern i figuren
Introduktion till datavisualisering med Plotly i Python

Skapa figuren

 

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])
Introduktion till datavisualisering med Plotly i Python

Skapa slidern

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

  ]}
]

$$

Fler formateringsalternativ finns i dokumentationen

Introduktion till datavisualisering med Plotly i Python

Lägga till slidern

 

$$

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

Slutlig slider för pingvinöar

Introduktion till datavisualisering med Plotly i Python

Nu kör vi en övning!

Introduktion till datavisualisering med Plotly i Python

Preparing Video For Download...