Выпадающие списки

Введение в визуализацию данных с Plotly на Python

Alex Scriven

Data Scientist

Что такое выпадающий список?

 

  • Позволяет пользователю выбирать из набора вариантов

  • Обновляет данные или элементы макета

 

Пример простого выпадающего списка

Введение в визуализацию данных с Plotly на Python

Выпадающие списки в Plotly

$$

fig = go.Figure()

for suburb in ['Ashfield', 'Lidcombe', 'Bondi Junction']: df = syd_houses[syd_houses.Suburb == suburb]
fig.add_trace( px.bar(df, x='Year', y='Median House Price').data[0])
  • Выпадающие списки работают, показывая и скрывая определённые графики
Введение в визуализацию данных с Plotly на Python

Скрытие графика

$$

  • Аргумент visible определяет, отображается ли график (True) или нет (False)
  • Используйте args, чтобы обновить аргумент visible для разных графиков
args:[{'visible': [True, False, False]}]

 

Внутренняя структура данных макета

Введение в визуализацию данных с Plotly на Python

Объект выпадающего списка

# Create the dropdown
dropdown_buttons = [
  {'label': 'Ashfield', 'method': 'update',

'args': [{'visible': [True, False, False]}, {'title': 'Ashfield'}]},
{'label': 'Lidcombe', 'method': 'update',
'args': [{'visible': [False, True, False]}, {'title': 'Lidcombe'}]},
{'label': 'Bondi Junction', 'method': 'update',
'args': [{'visible': [False, False, True]}, {'title': 'Bondi Junction'}]}
]
Введение в визуализацию данных с Plotly на Python

Добавление выпадающего списка

$$

fig.update_layout({
  'updatemenus':[{
    'type': "dropdown",
    'x': 1.3,
    'y': 0.5,
    'showactive': True,
    'active': 0,
    'buttons': dropdown_buttons}]
})
fig.show()

$$

Выпадающий список с ценами на жильё

Введение в визуализацию данных с Plotly на Python

Давайте потренируемся!

Введение в визуализацию данных с Plotly на Python

Preparing Video For Download...