Anpassade knappar

Introduktion till datavisualisering med Plotly i Python

Alex Scriven

Data Scientist

Vad kan anpassade knappar göra?

Anpassade knappar kan:

Uppdatera data eller layoutelement i ett diagram
- Alla anpassningar i update_layout() kan läggas i en knapp!
Hjälpa till med animationer (utanför kursens scope)

Anpassade knappar i Plotly

Läggs till via ett updatemenus-argument med parametrar:

type: buttons eller dropdown
- Vi går igenom dropdowns senare!
direction: Knappens orientering
- Knappar kan placeras bredvid (left) eller ovanpå (down) varandra
x/y: Flyttal för att ange knappars position
showactive: True/False för att visa active (index för knappen) som intryckt eller inte.
- Den aktiva knappen är den som är vald.
buttons: En lista med button-objekt

Diagramtyp med knappar

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

Enkelt stapeldiagram per bransch

Konfigurera knappar

my_buttons = [

{'label': "Bar plot",

 'method': "update",

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

{'label': "scatterplot",

 'method': "update",

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

]

Argumentet args

En av de mest förvirrande delarna i Plotly!

Strukturen är:

[{dictionary to send to data}, {dictionary to send to layout}]

Figurens interna struktur

Använda args för layoutuppdateringar

dir(fig.layout)

Layoutelement i figuren

Uppdatera valfria argument med 'args'

Använda args för datauppdateringar

dir(fig.data[0])

Datalayoutens innehåll

Vissa är bekanta och andra kan vara användbara senare

Interaktivitet med knappar

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

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

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

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

Knappar

Nu kör vi en övning!

Introduktion till datavisualisering med Plotly i Python