Listes déroulantes

Introduction à la visualisation de données avec Plotly en Python

Alex Scriven

Data Scientist

Qu'est-ce qu'une liste déroulante ?

 

  • Permettre à l'utilisateur de choisir une option parmi plusieurs

  • Met à jour les données ou des éléments de la mise en page

 

Exemple simple de liste déroulante

Introduction à la visualisation de données avec Plotly en Python

Listes déroulantes dans 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])
  • Les listes déroulantes fonctionnent en affichant ou masquant des tracés précis
Introduction à la visualisation de données avec Plotly en Python

Masquer un tracé

$$

  • L'argument visible détermine si les tracés sont visibles (True) ou non (False)
  • Utilisez args pour mettre à jour visible pour différents tracés
args:[{'visible': [True, False, False]}]

 

Dans les données et la mise en page

Introduction à la visualisation de données avec Plotly en Python

L'objet liste déroulante

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

]
Introduction à la visualisation de données avec Plotly en Python

Ajouter la liste déroulante

$$

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

$$

Prix des maisons avec liste déroulante

Introduction à la visualisation de données avec Plotly en Python

Passons à la pratique !

Introduction à la visualisation de données avec Plotly en Python

Preparing Video For Download...