Vlastní tlačítka

Úvod do vizualizace dat s Plotly v Pythonu

Alex Scriven

Data Scientist

Co mohou vlastní tlačítka dělat?

Vlastní tlačítka umožňují:

Aktualizovat data nebo prvky rozložení grafu
- Všechna nastavení update_layout() lze vložit do tlačítka!
Pomáhat s animacemi (nad rámec tohoto kurzu)

Vlastní tlačítka v Plotly

Přidávají se přes argument updatemenus s parametry:

type: buttons nebo dropdown
- Rozevírací nabídky probereme později!
direction: Orientace tlačítek
- Tlačítka mohou být vedle sebe (left) nebo nad sebou (down)
x/y: Desetinná čísla pro polohu tlačítek
showactive: True/False – zobrazí active (index tlačítka) jako stisknuté.
- Aktivní tlačítko je aktuálně vybrané.
buttons: Seznam objektů button

Typ grafu s tlačítky

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

Jednoduchý sloupcový graf podle odvětví

Nastavení tlačítek

my_buttons = [

{'label': "Bar plot",

 'method': "update",

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

{'label': "scatterplot",

 'method': "update",

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

]

Argument args

Jedna z nejmatoucích částí Plotly!

Struktura je:

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

Vnitřní struktura figury

Použití args pro aktualizaci rozložení

dir(fig.layout)

Prvky rozložení figury

Libovolné argumenty lze aktualizovat pomocí 'args'

Použití args pro aktualizaci dat

dir(fig.data[0])

Vnitřní rozložení dat

Některé jsou známé, jiné se hodí později

Interaktivita tlačítek

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

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

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

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

Tlačítka

Pojďme procvičovat!

Úvod do vizualizace dat s Plotly v Pythonu