Boutons personnalisés

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

Alex Scriven

Data Scientist

Que peuvent faire les boutons personnalisés ?

 

Les boutons personnalisés peuvent :

  • Mettre à jour les données ou les éléments de la mise en page d'un graphique

    • Toutes nos personnalisations avec update_layout() pourraient être dans un bouton !

  • Aider aux animations (hors de la portée de ce cours)

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

Boutons personnalisés dans Plotly

Ajoutés avec l'argument updatemenus et ses paramètres :

  • type : buttons ou dropdown
    • Nous verrons les menus déroulants plus tard !
  • direction : orientation des boutons
    • Les boutons peuvent être côte à côte (left) ou l'un au-dessus de l'autre (down)
  • x/y : nombres décimaux pour positionner les boutons
  • showactive : True/False pour afficher l'état active (index du bouton) comme enfoncé ou non.
    • Le bouton actif est celui actuellement sélectionné.
  • buttons : liste d'objets button
Introduction à la visualisation de données avec Plotly en Python

Type de graphique avec boutons

$$

fig = px.bar(
      data_frame=revenues, 
    x='Industry', y='Revenue',
    color='Industry')
fig.show()

Diagramme à barres simple par industrie

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

Configuration des boutons

 

my_buttons = [

{'label': "Bar plot",

 'method': "update",

 'args': [{"type": "bar"}]},

{'label': "scatterplot",

 'method': "update",

 'args': [{"type": "scatter", 'mode': 'markers'}]}

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

L'argument args

Un des aspects les plus déroutants de Plotly !

  • Sa structure :

[{dictionnaire envoyé à data}, {dictionnaire envoyé à layout}]

Structure interne de la figure

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

Utiliser args pour mettre à jour la mise en page

dir(fig.layout)

Éléments de mise en page de la figure

  • Mettez à jour n'importe quel paramètre avec 'args'
Introduction à la visualisation de données avec Plotly en Python

Utiliser args pour mettre à jour les données

dir(fig.data[0])

Intérieur des données

  • Certaines sont familières; d'autres seront utiles plus tard
Introduction à la visualisation de données avec Plotly en Python

Interactivité des boutons

$$

fig.update_layout({
  'updatemenus': [{'type': "buttons",

                 'direction': 'down',
                 'x': 1.3, 'y': 0.5,

                 'showactive': True,
                 'active': 0,

                 'buttons': my_buttons}]
  })
fig.show()

$$

Boutons

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...