Anpassa hovrinformation och legender

Introduktion till datavisualisering med Plotly i Python

Alex Scriven

Data Scientist

Vad menar vi med hovring?

Hovrinformation: Text och data som visas när du för musen över en datapunkt

$$

Standardalternativ för hovring

Introduktion till datavisualisering med Plotly i Python

Annan standardhovrinformation

   

Som standard gäller hovermode = "closest"

  • "x" eller "y": lägger till en markering på x- eller y-axeln

$$

  • "x unified" / "y unified": visar en linje och en hovringsruta med alla värden på x- eller y-axeln

x-hovring

X unified-hovring

Introduktion till datavisualisering med Plotly i Python

Hovrinformation med plotly.express

 

  • hover_name = En angiven kolumn som visas i fetstil överst i hovringsrutan

$$

  • hover_data = En lista med kolumner att inkludera, eller en ordbok för att inkludera/exkludera kolumner
    • {column_name: False} (detta exkluderar column_name)
Introduktion till datavisualisering med Plotly i Python

Variabler i hovrinformation

💡 Hovringskolumner behöver inte finnas i diagrammet

$$

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

fig.show()

 

Hovring över punktdiagram

Introduktion till datavisualisering med Plotly i Python

Formatera hovrinformation

 

  • hoverlabel
    • Tar en ordbok med stilegenskaper som teckensnitt, bakgrundsfärg och justering

$$

  • hovertemplate
    • HTML-liknande sträng för att formatera texten (utanför kursens scope)
Introduktion till datavisualisering med Plotly i Python

Vad är en legend?

  • En visuell guide som förklarar element i diagrammet, som färg eller symbol

$$

  • Läggs vanligtvis till automatiskt vid behov
    • Till exempel när vi lägger till färger i vårt stapeldiagram

Stapeldiagram med färger

Introduktion till datavisualisering med Plotly i Python

Skapa och formatera legenden

$$

  • Använd update_layout() för att styra legenden

$$

  • showlegend = True visar standardlegenden
  • legend – tar en ordbok med egenskaper
    • x, y placerar legenden inom diagramytan (värde 0 till 1)
    • Andra stilelement som bgcolor (bakgrundsfärg), borderwidth och font

$$

Se dokumentationen för mer information

Introduktion till datavisualisering med Plotly i Python

En formaterad legend

$$

$$

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

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

 

En formaterad legend

Introduktion till datavisualisering med Plotly i Python

Nu kör vi en övning!

Introduktion till datavisualisering med Plotly i Python

Preparing Video For Download...