Personalizzare hover e legenda

Introduzione alla Data Visualization con Plotly in Python

Alex Scriven

Data Scientist

Cosa intendiamo per hover?

Informazioni hover: testo e dati che appaiono quando passi il mouse su un punto dati

$$

Opzione hover predefinita

Introduzione alla Data Visualization con Plotly in Python

Altre opzioni hover predefinite

   

Per impostazione predefinita hovermode = "closest"

  • "x" o "y": aggiunge un evidenziatore sull'asse x o y

$$

  • "x unified" / "y unified": mostra una linea e un riquadro hover con tutti i valori sull'asse x o y

hover x

Hover x unificato

Introduzione alla Data Visualization con Plotly in Python

Informazioni hover con plotly.express

 

  • hover_name = Colonna mostrata in grassetto in cima al riquadro hover

$$

  • hover_data = lista di colonne da includere o dizionario per includere/escludere colonne
    • {column_name: False} (esclude column_name)
Introduzione alla Data Visualization con Plotly in Python

Variabili nelle informazioni hover

💡 Le colonne per l'hover non devono essere nel grafico

$$

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

fig.show()

 

Hover sullo scatterplot

Introduzione alla Data Visualization con Plotly in Python

Stilizzare le informazioni hover

 

  • hoverlabel
    • Accetta un dizionario di stile: font, colore di sfondo, allineamento

$$

  • hovertemplate
    • Stringa in stile HTML per formattare il testo (oltre questo corso)
Introduzione alla Data Visualization con Plotly in Python

Cos'è la legenda?

  • Guida visiva che spiega elementi del grafico, come colore o simbolo

$$

  • Di solito aggiunta automaticamente quando serve
    • Ad esempio, quando aggiungiamo colori al grafico a barre

Grafico a barre con colori

Introduzione alla Data Visualization con Plotly in Python

Creare e stilizzare la legenda

$$

  • Usa update_layout() per controllare la legenda

$$

  • showlegend = True mostra la legenda predefinita
  • legend - accetta un dizionario di proprietà
    • x, y posizionano la legenda nell'area del grafico (da 0 a 1)
    • Altri stili come bgcolor (sfondo), borderwidth e font

$$

Consulta la documentazione per saperne di più

Introduzione alla Data Visualization con Plotly in Python

Una legenda stilizzata

$$

$$

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

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

 

Una legenda stilizzata

Introduzione alla Data Visualization con Plotly in Python

Passons à la pratique !

Introduzione alla Data Visualization con Plotly in Python

Preparing Video For Download...