Pulsanti personalizzati

Introduzione alla Data Visualization con Plotly in Python

Alex Scriven

Data Scientist

Cosa possono fare i pulsanti personalizzati?

 

I pulsanti personalizzati possono:

  • Aggiornare dati o elementi del layout di un grafico

    • Tutte le nostre personalizzazioni update_layout() possono stare in un pulsante!
  • Aiutare con le animazioni (fuori dallo scopo di questo corso)

Introduzione alla Data Visualization con Plotly in Python

Pulsanti personalizzati in Plotly

Aggiunti tramite l'argomento updatemenus con argomenti:

  • type: buttons o dropdown
    • Vedremo i menu a discesa più avanti!
  • direction: Orientamento pulsanti
    • I pulsanti possono essere affiancati (left) o uno sopra l'altro (down)
  • x/y: Float per posizionare i pulsanti
  • showactive: True/False per mostrare se active (indice del pulsante) è premuto o no.
    • Il pulsante attivo è quello selezionato.
  • buttons: Elenco di oggetti button
Introduzione alla Data Visualization con Plotly in Python

Tipo di grafico con pulsanti

$$

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

Grafico a barre semplice per settore

Introduzione alla Data Visualization con Plotly in Python

Impostazione dei pulsanti

 

my_buttons = [

{'label': "Bar plot",
'method': "update",
'args': [{"type": "bar"}]},
{'label': "scatterplot",
'method': "update",
'args': [{"type": "scatter", 'mode': 'markers'}]}
]
Introduzione alla Data Visualization con Plotly in Python

L'argomento args

Una delle parti più confuse di Plotly!

  • La struttura è:

[{dizionario per i dati}, {dizionario per il layout}]

Struttura interna della figura

Introduzione alla Data Visualization con Plotly in Python

Usare args per aggiornare il layout

dir(fig.layout)

Elementi del layout della figura

  • Aggiorna qualsiasi argomento con 'args'
Introduzione alla Data Visualization con Plotly in Python

Usare args per aggiornare i dati

dir(fig.data[0])

Interno dei dati del layout

  • Alcuni sono familiari, altri torneranno utili più avanti
Introduzione alla Data Visualization con Plotly in Python

Interattività dei pulsanti

$$

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

'direction': 'down', 'x': 1.3, 'y': 0.5,
'showactive': True, 'active': 0,
'buttons': my_buttons}] }) fig.show()

$$

Pulsanti

Introduzione alla Data Visualization con Plotly in Python

Passons à la pratique !

Introduzione alla Data Visualization con Plotly in Python

Preparing Video For Download...