Tidsknappar

Introduktion till datavisualisering med Plotly i Python

Alex Scriven

Data Scientist

Vad är tidsknappar?

Möjliggör filtrering/zoomning i linjediagram
- 1D = data för den senaste dagen
- 1M = för den senaste månaden
- 1Y = för det senaste året
- YTD = för 'year to date'

Yahoo Finance-knappar

Tidsknappar i Plotly

En dictionary med några viktiga element:

label = texten som visas på knappen
count = antal step vid klick på knappen
step = vilken tidsperiod som används ('month', 'year', 'day')
stepmode = antingen 'backward' eller 'todate'
- 'backward' = går rakt bakåt med antalet counts
- 'todate' = som 'backward', men avrundat till starten av nästa hela tidsperiod

'backward' vs. 'todate'

En datamängd som slutar den 20 oktober och en 6-månaders-knapp (count=6, step='month'):
- stepmode='backward' zoomar diagrammet till start den 20 april (6 månader bakåt)
- stepmode='todate' zoomar diagrammet till start den 1 maj (starten av månaden efter 20 april)

Exempel: nederbörd i Sydney

Knappar anges som en lista med dictionaries

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

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

Lägga till tidsknappar

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

linjediagram med knappar

Klicka på tidsknappar

Klick på knappen 2WTD:

Nederbörd senaste fjortondagarsperioden

Klick på knappen 6MTD:

Nederbörd senaste 6 månaderna

Nu kör vi en övning!

Introduktion till datavisualisering med Plotly i Python