Tombol kustom

Pengantar Visualisasi Data dengan Plotly di Python

Alex Scriven

Data Scientist

Apa yang dapat dilakukan tombol kustom?

Tombol kustom dapat:

Memperbarui elemen data atau layout plot
- Semua kustomisasi update_layout() bisa dijadikan tombol!
Membantu animasi (di luar cakupan kursus ini)

Tombol kustom di Plotly

Ditambahkan lewat argumen updatemenus dengan argumen:

type: buttons atau dropdown
- Dropdown akan dibahas nanti!
direction: Orientasi tombol
- Tombol bisa berjajar (left) atau bertumpuk (down)
x/y: Float untuk posisi tombol
showactive: True/False untuk menampilkan active (indeks tombol) sebagai ditekan atau tidak.
- Tombol aktif adalah yang sedang dipilih.
buttons: Daftar objek button

Jenis plot dengan tombol

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

Diagram batang sederhana per industri

Menyiapkan tombol

my_buttons = [

{'label': "Bar plot",

 'method': "update",

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

{'label': "scatterplot",

 'method': "update",

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

]

Argumen args

Salah satu bagian Plotly yang paling membingungkan!

Strukturnya:

[{kamus untuk data}, {kamus untuk layout}]

Struktur internal Figure

Menggunakan args untuk pembaruan layout

dir(fig.layout)

Elemen layout Figure

Perbarui argumen apa pun dengan 'args'

Menggunakan args untuk pembaruan data

dir(fig.data[0])

Di dalam data layout

Beberapa sudah familier, dan beberapa akan berguna nanti

Interaktivitas tombol

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

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

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

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

Tombol

Ayo berlatih!

Pengantar Visualisasi Data dengan Plotly di Python