Hover-info en legenda's aanpassen

Introductie tot datavisualisatie met Plotly in Python

Alex Scriven

Data Scientist

Wat bedoelen we met hover?

Hover-informatie: De tekst en data die verschijnen wanneer je muis over een datapunt gaat

Standaard hoveroptie

Andere standaard hover-info

Standaard hovermode = "closest"

"x" of "y": voegt een highlight toe op de x- of y-as

"x unified" / "y unified": toont een lijn en hoverbox met alle waarden op de x- of y-as

x hover

X unified hover

Hover-info met plotly.express

hover_name = Een opgegeven kolom die vet bovenaan de hoverbox verschijnt

hover_data = Een lijst met kolommen om op te nemen of een dictionary om kolommen op te nemen/uit te sluiten
- {column_name: False} (sluit column_name uit)

Variabelen in hover-info

💡 Hover-kolommen hoeven niet in de plot te staan

fig = px.scatter(revenues, 
        x="Revenue", 
        y="employees",
        hover_name="Company",
        hover_data=["age"])

fig.show()

Hover op scatterplot

Hover-info stijlen

hoverlabel
- Accepteert een dictionary met stijlopties zoals lettertype, achtergrondkleur en uitlijning

hovertemplate
- HTML-achtige string om tekst te formatteren (buiten deze cursus)

Wat is een legenda?

Een visuele gids die elementen in je plot uitlegt, zoals kleur of symbool

Meestal automatisch toegevoegd wanneer nodig
- Bijvoorbeeld bij kleuren in onze staafgrafiek

Staafdiagram met kleuren

De legenda maken en stijlen

Gebruik update_layout() om de legenda te beheren

showlegend = True toont de standaardlegenda
legend - neemt een dictionary met eigenschappen
- Met x, y positioneer je de legenda in de plot (bereik 0–1)
- Andere stijlelementen zoals bgcolor (achtergrondkleur), borderwidth en font

Check de documentatie voor meer

Een gestylde legenda

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

    legend=dict(
    x=0.7, y=0.8,
    bgcolor="rgb(246,228,129)"))
})

Een gestylde legenda

Laten we oefenen!

Introductie tot datavisualisatie met Plotly in Python