Sovrapporre più grafici

Introduzione alla Data Visualization con Plotly in Python

Alex Scriven

Data Scientist

Cos’è la sovrapposizione di grafici?

  • Sovrapporre più grafici nello stesso plot

$$

Grafico sovrapposto del PIL

  • Nessuna posizione di griglia separata
  • Usa add_trace()

$$

$$

  • Nessuna posizione di griglia separata
  • Usa add_trace()
Introduzione alla Data Visualization con Plotly in Python

Perché sovrapporre i grafici?

 

  • Più opzioni di personalizzazione
    • Es.: sovrapporre più linee

$$

  • Mostrare tipi di grafico complementari

$$

  • Usare tipi diversi per guidare l’attenzione

$$

  • Confrontare i dati da vicino
Introduzione alla Data Visualization con Plotly in Python

Barre + linea sovrapposte

 

  • Consente di confrontare valori esatti e trend generale in un’unica vista

Esempio di grafico sovrapposto

Introduzione alla Data Visualization con Plotly in Python

Crescita del PIL: grafico sovrapposto

from plotly.graph_objects import Figure

layered_fig = Figure()

bar_fig = px.bar(df, x='Date' , y='Quarterly Growth (%)')
line_fig = px.line(df, x='Date' , y='Rolling YTD Growth (%)' , color_discrete_sequence=['red'])
layered_fig = Figure(data= [*bar_fig.data, *line_fig.data]) layered_fig.show()

 

Grafico sovrapposto del PIL

Introduzione alla Data Visualization con Plotly in Python

Aggiungere altri grafici

 

# Crea lo stesso bar_fig, line_fig
line_fig2 = px.line(df, x='Date'
    , y='OECD Average GDP Growth (%)'
    , color_discrete_sequence=['green'])

layered_fig = Figure(data= [*bar_fig.data , *line_fig.data, *line_fig2.data]) layered_fig.show()

 

Grafico sovrapposto del PIL

Introduzione alla Data Visualization con Plotly in Python

Aggiungere altri grafici in seguito

 

# Crea con 2 figure
layered_fig = Figure(data=[*bar_fig.data, *line_fig.data])

# Aggiungi l’ultima linea layered_fig.add_trace(line_fig2.data[0])
Introduzione alla Data Visualization con Plotly in Python

Ayo berlatih!

Introduzione alla Data Visualization con Plotly in Python

Preparing Video For Download...