Aan de slagGa gratis aan de slag

Neerslag per seizoen met slider

Het Australian Bureau of Meteorology heeft je ingehuurd voor vervolgwerk aan de visualisatie waar ze zo enthousiast over waren: de neerslag per maand in Sydney.

Ze willen graag door de seizoenen kunnen bladeren. Niet wisselen zoals met knoppen en dropdowns, maar meer vloeiend schuiven.

Klinkt als een perfecte klus voor een slider!

In deze oefening maak je een staafdiagram van de neerslaggegevens met een slider om door de seizoenen te gaan.

Je hebt een rain_pm DataFrame tot je beschikking.

Deze oefening maakt deel uit van de cursus

Introductie tot datavisualisatie met Plotly in Python

Cursus bekijken

Oefeninstructies

  • Voorzie elke sliderstap van het juiste seizoen als label, in de volgorde waarin er gelust werd.
  • Stel per sliderstap de zichtbaarheid van de traces in zodat alleen het juiste seizoen zichtbaar is.
  • Voeg de slider toe aan de lay-out van de figuur.

Praktische interactieve oefening

Probeer deze oefening eens door deze voorbeeldcode in te vullen.

fig = go.Figure()

for season in ['Autumn', 'Winter', 'Spring']:
    df = rain_pm[rain_pm.Season == season]
    fig.add_trace(px.bar(df, x="Month", y="Total Rainfall", title=season).data[0])
    
# Create the slider elements
sliders = [
    {'steps':[
    {'method': 'update', 'label': '____', 'args': [{'visible': [____, ____, ____]}]},
    {'method': 'update', 'label': '____', 'args': [{'visible': [____, ____, ____]}]},
    {'method': 'update', 'label': '____', 'args': [{'visible': [____, ____, ____]}]}]}]

# Add the slider to the figure 
fig.update_layout({'____': ____})

fig.show()
Code bewerken en uitvoeren