Interactieve functies
Zoom, beweeg eroverheen en verschuif
Interactieve functies is een gratis Python Academy-les op CoddyKit. Dit is les 2 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Python Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Python Academy bevat in totaal 4 lessen.
Waarom interactiviteit belangrijk is
Het grootste voordeel van Plotly ten opzichte van statische bibliotheken is dat grafieken reageren op de gebruiker. Lezers kunnen op een gebied inzoomen, door de gegevens verschuiven en aanwijzen om exacte waarden te lezen, zonder dat je de grafiek vol hoeft te zetten met bijschriften.
Dankzij interactiviteit kan één grafiek zowel het overzicht als de details bieden.
Infovensters bij aanwijzen
Wanneer je standaard een punt aanwijst, worden de x- en y-waarden weergegeven. Je kunt dit uitbreiden met hover_data=['col1', 'col2'] om extra kolommen toe te voegen, of met hover_name='name' de vetgedrukte titel van het infovenster instellen.
Goede infovensters voorkomen dat je de grafiek zelf onoverzichtelijk moet maken.
Een tekst voor een infovenster maken
In wezen is een infovenster gewoon opgemaakte tekst die je samenstelt uit een rij gegevens. Hier zie je hetzelfde idee in gewone Python.
point = {'name': 'Berlin', 'pop': 3700000, 'gdp': 154}
tooltip = point['name'] + '\nPop: ' + format(point['pop'], ',') + '\nGDP: ' + str(point['gdp'])
print(tooltip)Zoomen en verschuiven
Plotly-grafieken bevatten een modusbalk met hulpmiddelen om te zoomen, te verschuiven en een gebied te selecteren. Gebruikers kunnen ook slepen om op een rechthoek in te zoomen en dubbelklikken om de beginweergave te herstellen.
Deze gedragingen zijn standaard ingeschakeld; meestal hoef je er geen code voor te schrijven.
Het bereik en opnieuw instellen
Door in te zoomen verandert het asbereik tijdelijk. Je kunt het beginbereik instellen met fig.update_xaxes(range=[0, 100]), en de gebruiker kan altijd naar dit bereik terugkeren.
Zie zoomen als het kiezen van een deelvenster binnen het volledige gegevensbereik.
full_min, full_max = 0, 1000
zoom_min, zoom_max = 200, 400
visible = zoom_max - zoom_min
total = full_max - full_min
print('Zoom shows', round(visible / total * 100), '% of the range')Modi voor aanwijzen
fig.update_layout(hovermode='x unified') toont één infovenster met alle reeksen op de aangewezen x-positie. Dit is uitstekend voor het vergelijken van meerdere lijnen op hetzelfde moment.
Andere modi zijn 'closest' en 'x'.
Interactie met de legenda
Je kunt op Plotly-legenda's klikken. Met één klik verberg je een reeks; met een dubbelklik geef je alleen die reeks weer. Zo kunnen gebruikers zich richten op de gegevens die ze belangrijk vinden, zonder dat je aparte grafieken hoeft te bouwen.
Dit werkt automatisch wanneer je grafiek meerdere sporen bevat.
Bereikschuifregelaars
Voeg voor tijdreeksen een bereikschuifregelaar toe met fig.update_xaxes(rangeslider_visible=True). Onder de grafiek verschijnt een klein overzicht, waarin gebruikers kunnen slepen om een datumbereik te selecteren.
Dit werkt goed samen met knoppen voor het selecteren van bereiken, zoals 1m, 6m en YTD.
Aangepaste aanwijssjablonen
Gebruik voor volledige controle hovertemplate, een tekenreeks met plaatshouders zoals %{x} en %{y}. Je bepaalt zelf de precieze tekst en getalnotatie die bij het aanwijzen wordt weergegeven.
Een sjabloon ontwerpen lijkt op het ontwerpen van elke andere opgemaakte tekenreeks.
x, y = 2021, 42.567
template = 'Year %{x}: $%{y:.1f}M'
rendered = template.replace('%{x}', str(x)).replace('%{y:.1f}', format(y, '.1f'))
print(rendered)Weten wanneer je moet stoppen
Interactiviteit is krachtig, maar niet kosteloos. Te veel bedieningselementen overweldigen lezers die er slechts af en toe naar kijken. Schakel de functies in die echte vragen beantwoorden en vertrouw voor de rest op de verstandige standaardinstellingen.
De modusbalk
De werkbalk rechtsboven in elke grafiek heet de modusbalk. Deze bevat knoppen voor zoomen, verschuiven, automatisch schalen en een cameraknop om een PNG te downloaden. Je kunt de modusbalk configureren of verbergen met het config-argument wanneer je de grafiek weergeeft.
Door ongebruikte knoppen te verbergen, blijft de grafiek overzichtelijk voor niet-technische doelgroepen.
Korte controle
Test je kennis van interactieve functies.
Samenvatting
Je hebt de interactiviteit van Plotly verkend:
- Infovensters bij aanwijzen, uitgebreid met
hover_dataenhovertemplate - Zoomen en verschuiven via de ingebouwde modusbalk
hovermode='x unified'voor gecombineerde infovensters- Klikbare legenda's en bereikschuifregelaars voor tijdreeksen
Gebruik deze functies doelgericht om echte vragen te beantwoorden.
Leer Python met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 76
- Lessen
- 320
Veelgestelde vragen
Is de les “Interactieve functies” gratis?
Ja — de volledige tekst van “Interactieve functies” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Python Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Python Academy bevat in totaal 4 lessen.
Wat leer ik in “Interactieve functies”?
Zoom, beweeg eroverheen en verschuif Je oefent met Python Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Python Academy te beginnen?
Ervaring vooraf is niet nodig. Python Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.
Hoe lang duurt de les “Interactieve functies”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Python Academy?
Ja. Elke les over Python Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Basisprincipes van Plotly Express
- Interactieve functies
- Dashboardconcepten
- Exporteren en insluiten