Posuvníky

Úvod do vizualizace dat s Plotly v Pythonu

Alex Scriven

Data Scientist

Co jsou posuvníky?

 

  • Interaktivní prvek pro přepínání hodnot a aktualizaci grafu

  • Slouží k zobrazení dat v čase

  • Lze použít pro libovolnou skupinu

$$

$$

$$

  • 💡 Ujistěte se, že posuvník dává v daném grafu smysl

 

Posuvník roku:

Posuvník roku

Posuvník ostrovů tučňáků:

Posuvník ostrovů tučňáků

Úvod do vizualizace dat s Plotly v Pythonu

Posuvníky v plotly.express

 

  • animation_frame Co bude na posuvníku (Year nebo Island z předchozího snímku)

$$

  • animation_group: Určuje, které vzorky zůstávají konzistentní napříč snímky
Úvod do vizualizace dat s Plotly v Pythonu

Tržby vs. zaměstnanci s posuvníkem

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

 

Tržby podle roku

Úvod do vizualizace dat s Plotly v Pythonu

Omezení: metoda animate

plotly.express implementuje posuvníky pomocí metody animate

$$

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

$$

  • Animuje pouze stejný datový bod v čase
  • Posuvník sestavte pomocí tras
Úvod do vizualizace dat s Plotly v Pythonu

Plán

 

  1. Vytvoření objektu figure s potřebnými trasami
  2. Definování objektu sliders pro zobrazení/skrytí tras
  3. Aktualizace rozvržení – přidání posuvníku do figure
Úvod do vizualizace dat s Plotly v Pythonu

Vytvoření 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])
Úvod do vizualizace dat s Plotly v Pythonu

Vytvoření posuvníku

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

$$

Další možnosti formátování jsou k dispozici v dokumentaci

Úvod do vizualizace dat s Plotly v Pythonu

Přidání posuvníku

 

$$

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

Výsledný posuvník ostrovů tučňáků

Úvod do vizualizace dat s Plotly v Pythonu

Lass uns üben!

Úvod do vizualizace dat s Plotly v Pythonu

Preparing Video For Download...