Özel butonlar

Python ile Plotly'ye Giriş: Veri Görselleştirme

Alex Scriven

Data Scientist

Özel butonlar neler yapabilir?

 

Özel butonlar şunları yapabilir:

  • Bir grafiğin verisini veya yerleşimini güncelleyebilir

    • Tüm update_layout() özelleştirmelerimiz bir butonda olabilir!
  • Animasyonlara yardımcı olur (bu kursun kapsamı dışında)

Python ile Plotly'ye Giriş: Veri Görselleştirme

Plotly'de özel butonlar

updatemenus argümanı ile şu argümanlarla eklenir:

  • type: buttons veya dropdown
    • Açılır menüleri sonra işleyeceğiz!
  • direction: Buton yönü
    • Butonlar yan yana (left) ya da üst üste (down) olabilir
  • x/y: Buton konumlarını ayarlayan ondalık değerler
  • showactive: Basılı olup olmadığını göstermek için True/False (active buton indeksi).
    • Etkin buton, şu anda seçili olandır.
  • buttons: button nesnelerinden oluşan bir liste
Python ile Plotly'ye Giriş: Veri Görselleştirme

Butonlarla grafik türü

$$

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

Sektöre göre basit çubuk grafik

Python ile Plotly'ye Giriş: Veri Görselleştirme

Buton kurulumu

 

my_buttons = [

{'label': "Bar plot",
'method': "update",
'args': [{"type": "bar"}]},
{'label': "scatterplot",
'method': "update",
'args': [{"type": "scatter", 'mode': 'markers'}]}
]
Python ile Plotly'ye Giriş: Veri Görselleştirme

args argümanı

Plotly'nin en kafa karıştıran bölümlerinden biri!

  • Yapısı şöyledir:

[{veriye gönderilecek sözlük}, {yerleşime gönderilecek sözlük}]

Şeklin iç yapısı

Python ile Plotly'ye Giriş: Veri Görselleştirme

Yerleşim güncellemeleri için args kullanma

dir(fig.layout)

Şekil yerleşim öğeleri

  • 'args' ile bu argümanların herhangi birini güncelle
Python ile Plotly'ye Giriş: Veri Görselleştirme

Veri güncellemeleri için args kullanma

dir(fig.data[0])

Veri içi yerleşim

  • Bazıları tanıdık, bazıları ise ileride işine yarayacak
Python ile Plotly'ye Giriş: Veri Görselleştirme

Buton etkileşimi

$$

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

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

$$

Butonlar

Python ile Plotly'ye Giriş: Veri Görselleştirme

Hadi pratik yapalım!

Python ile Plotly'ye Giriş: Veri Görselleştirme

Preparing Video For Download...