Слайдери

Вступ до візуалізації даних з Plotly у Python

Alex Scriven

Data Scientist

Що таке слайдери?

 

  • Інтерактивний елемент для перемикання значень і оновлення графіка

  • Використовується для перегляду даних у часі

  • Підходить для будь-яких груп

$$

$$

$$

  • 💡 Переконайтесь, що це доречно для вашого графіка

 

Слайдер року:

Слайдер року

Слайдер островів пінгвінів:

Слайдер островів пінгвінів

Вступ до візуалізації даних з Plotly у Python

Слайдери в plotly.express

 

  • animation_frame: Що буде на слайдері (Year або Island на попередньому слайді)

$$

  • animation_group: Визначає, які зразки залишаються сталими між кадрами
Вступ до візуалізації даних з Plotly у Python

Дохід vs. кількість працівників зі слайдером

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

 

Дохід за роками

Вступ до візуалізації даних з Plotly у Python

Обмеження: метод animate

plotly.express реалізує слайдери через метод animate

$$

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

animate

$$

  • Анімує лише той самий пункт даних у часі
  • Побудуйте слайдер за допомогою трейсерів
Вступ до візуалізації даних з Plotly у Python

Наш план

 

  1. Створіть об'єкт фігури з потрібними трейcами
  2. Визначте об'єкт sliders для показу/приховування трейcів
  3. Оновіть макет, щоб додати слайдер до фігури
Вступ до візуалізації даних з Plotly у Python

Створення фігури

 

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])
Вступ до візуалізації даних з Plotly у Python

Створення слайдера

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

  ]}
]

$$

Більше параметрів форматування у документації

Вступ до візуалізації даних з Plotly у Python

Додаємо слайдер

 

$$

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

Фінальний слайдер островів пінгвінів

Вступ до візуалізації даних з Plotly у Python

Давайте потренуємось!

Вступ до візуалізації даних з Plotly у Python

Preparing Video For Download...