Butoane de timp

Introducere în vizualizarea datelor cu Plotly în Python

Alex Scriven

Data Scientist

Ce sunt butoanele de timp?

 

  • Permit filtrarea/zoom în grafice liniare
    • 1D = date din ultima zi
    • 1M = din ultima lună
    • 1Y = din ultimul an
    • YTD = de la începutul anului

 

Butoane Yahoo Finance

Introducere în vizualizarea datelor cu Plotly în Python

Butoane de timp în Plotly

 

Un dicționar cu câteva elemente-cheie:

  • label = textul afișat pe buton
  • count = numărul de step-uri la clic
  • step = perioada de timp folosită ('month', 'year', 'day')
  • stepmode = 'backward' sau 'todate'
    • 'backward' = se deplasează înapoi cu numărul de count-uri
    • 'todate' = ca 'backward', dar rotunjit la începutul perioadei complete următoare
Introducere în vizualizarea datelor cu Plotly în Python

'backward' vs. 'todate'

 

  • Un set de date care se termină pe 20 octombrie și un buton de 6 luni (count=6, step='month'):
    • stepmode='backward' ar muta graficul să înceapă pe 20 aprilie (6 luni înapoi)
    • stepmode='todate' ar muta graficul să înceapă pe 1 mai (începutul lunii următoare după 20 aprilie)
Introducere în vizualizarea datelor cu Plotly în Python

Exemplu: precipitații în Sydney

 

  • Butoanele sunt specificate ca o listă de dicționare
date_buttons = [
{'count': 6, 'step': "month", 'stepmode': "todate", 'label': "6MTD"},

{'count': 14, 'step': "day", 'stepmode': "todate", 'label': "2WTD"} ]
Introducere în vizualizarea datelor cu Plotly în Python

Adăugarea butoanelor de timp

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()

grafic liniar cu butoane

Introducere în vizualizarea datelor cu Plotly în Python

Utilizarea butoanelor de timp

 

Clic pe butonul 2WTD:

Precipitații în ultimele două săptămâni

 

Clic pe butonul 6MTD:

Precipitații în ultimele 6 luni

Introducere în vizualizarea datelor cu Plotly în Python

Să exersăm!

Introducere în vizualizarea datelor cu Plotly în Python

Preparing Video For Download...