Grafici e figure Plotly

Creare dashboard con Dash e Plotly

Alex Scriven

Data Scientist

Che cos'è Dash?

Una libreria Python per creare applicazioni web interattive

Vantaggi:

Gratis! A differenza di Tableau o PowerBI
Sfrutta JavaScript usando solo Python
Meno codice rispetto ai framework web

Plotly e Dash

Funzionano bene insieme

Dash: dashboard interattivi con più grafici Plotly
Vedi questo esempio
- Immagini, testo e grafici
- Guarda il codice sorgente

Uno screenshot di esempio di un cruscotto finanziario con vari grafici, testo, tabelle e immagini, incluso un grafico a linee con dettagli al passaggio del mouse

Che cos'è Plotly?

Ripasso di Plotly, focus su Dash
Una libreria Python per grafici moderni e interattivi
- Incapsula JavaScript ma si scrive in Python
Crea grafici con plotly.express

Scopri il corso Introduction to Data Visualization with Plotly in Python

I nostri dati e-commerce

Insieme di dati di vendite e-commerce

Dettagli:
- Categoria articolo (Maggiore, Minore) + descrizione
- Prezzo unitario, quantità (+ OrderValue)
- Paese
- Anno-Mese di vendita

Rappresentazione di vendite e-commerce

Grafici a linee con plotly.express

import plotly.express as px

line_graph = px.line(

  data_frame=ecom_sales,
  x='Year-Month',
  y='Total Sales ($)', 
  title='Total Sales by Month')

line_graph.show()

Una gif di un grafico a linee delle vendite per mese in cui il mouse passa su un punto mostrando mese e valore delle vendite

Grafici a barre con plotly.express

bar_fig = px.bar(
  data_frame=ecom_sales,
  x='Total Sales ($)',
  y='Country',
  title='Total Sales by Country',

  orientation='h')

bar_fig.show()

Una gif di un grafico a barre orizzontali con le vendite totali sull'asse x per paese sull'asse y. Il mouse passa su alcune barre per mostrare i dati al passaggio

Personalizzare i grafici Plotly

Modificare la larghezza delle barre del grafico:

bar_fig.update_layout({'bargap': 0.5})

bar_fig.show()

Consulta la documentazione di Plotly

Un grafico a barre orizzontali con le vendite totali sull'asse x per paese sull'asse y. È come nella slide precedente, ma con spazi tra le barre più piccoli.

Esercitiamoci!

Creare dashboard con Dash e Plotly