Suwaki

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Alex Scriven

Data Scientist

Czym są suwaki?

 

  • Interaktywny element do przełączania między wartościami i aktualizowania wykresu

  • Używany do przeglądania danych w czasie

  • Można stosować dla dowolnej grupy

$$

$$

$$

  • 💡 Upewnij się, że pasuje do wykresu

 

Suwak roku:

Suwak roku

Suwak wysp pingwinów:

Suwak wysp pingwinów

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Suwaki w plotly.express

 

  • animation_frame Co będzie na suwaku (Year lub Island z poprzedniego slajdu)

$$

  • animation_group: Określa, które próbki pozostają spójne między klatkami
Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Przychody a pracownicy z suwakiem

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

 

Przychody według roku

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Ograniczenie: metoda animate

plotly.express implementuje suwaki metodą animate

$$

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

$$

  • Animuje tylko ten sam punkt danych w czasie
  • Suwak budowany na podstawie śladów
Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Plan

 

  1. Utwórz obiekt figury z wymaganymi śladami
  2. Zdefiniuj obiekt suwaka do pokazywania/ukrywania śladów
  3. Zaktualizuj układ, aby dodać suwak do figury
Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Tworzenie figury

 

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])
Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Tworzenie suwaka

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

$$

Więcej opcji formatowania dostępnych w dokumentacji

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Dodawanie suwaka

 

$$

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

Suwak wysp pingwinów – wynik końcowy

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Ćwiczmy!

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Preparing Video For Download...