Tombol waktu

Pengantar Visualisasi Data dengan Plotly di Python

Alex Scriven

Data Scientist

Apa itu tombol waktu?

Memungkinkan filter/zoom pada grafik garis
- 1D = data 1 hari terakhir
- 1M = 1 bulan terakhir
- 1Y = 1 tahun terakhir
- YTD = dari awal tahun hingga kini

Tombol Yahoo Finance

Tombol waktu di Plotly

Sebuah dictionary dengan elemen kunci:

label = teks pada tombol
count = jumlah step saat tombol diklik
step = periode waktu yang digeser ('month', 'year', 'day')
stepmode = 'backward' atau 'todate'
- 'backward' = mundur langsung sejumlah count
- 'todate' = seperti 'backward', tapi dibulatkan ke awal periode penuh berikutnya

'backward' vs. 'todate'

Dataset berakhir 20 Oktober dan tombol 6 bulan (count=6, step='month'):
- stepmode='backward' akan zoom ke mulai 20 April (mundur 6 bulan)
- stepmode='todate' akan zoom ke mulai 1 Mei (awal bulan setelah 20 April)

Contoh curah hujan Sydney

Tombol ditentukan sebagai list of dictionaries

date_buttons = [
{'count': 6, 'step': "month", 'stepmode': "todate", 'label': "6MTD"},

{'count': 14, 'step': "day", 'stepmode': "todate", 'label': "2WTD"}
]

Menambahkan tombol waktu

fig = px.line(data_frame=rain, x='Date', 
        y='Rainfall', 
        title="Rainfall (mm) in Sydney")


fig.update_layout(dict(
    xaxis=dict(
    rangeselector=dict(buttons=date_buttons)
    )))

fig.show()

grafik garis dengan tombol

Mengklik tombol waktu kita

Mengklik tombol 2WTD:

Hujan 2 minggu terakhir

Mengklik tombol 6MTD:

Hujan 6 bulan terakhir

Ayo berlatih!

Pengantar Visualisasi Data dengan Plotly di Python