Video di riepilogo

Creare dashboard con Dash e Plotly

Alex Scriven

Data Scientist

Capitolo 1

 

  • Ripasso di Plotly
  • Creazione della tua prima app Dash
  • Panoramica di HTML

Una gif con un grafico a linee delle vendite per mese: il mouse passa su un punto e compaiono mese e valore vendite

Creare dashboard con Dash e Plotly

Capitolo 2

 

  • Struttura e stile con HTML e CSS
  • Posizionare, dimensionare e dare stile agli elementi dell'app
    • Un dizionario style

Un'immagine con il titolo "Top Sales Categories"; sotto, dentro un bordo tratteggiato rosso, un grafico a barre orizzontali con categorie minori sull'asse y e ordini totali sull'asse x. Sotto, fuori dal bordo, un elenco con le prime due categorie di vendita. Il bordo è stato spinto verso l'esterno su tutti i lati, con frecce che indicano questa spinta. C'è più spazio attorno al grafico; titolo e testo sono allontanati.

Creare dashboard con Dash e Plotly

Capitolo 3

 

  • Interattività con callback
  • Menu a discesa, selettori data e input testo libero

Una gif con un tipico selettore di data. C'è un campo con 1 luglio 2025. Il mouse clicca, appare un calendario; si seleziona 2 luglio 2025, il calendario si richiude e la data nel selettore cambia.

Creare dashboard con Dash e Plotly

Capitolo 4

 

  • Interattività da eventi hover e click
  • Creazione di tabelle AG Grid

Una gif di una tabella: cliccando su diverse celle compare sotto un riquadro di testo con un dizionario del contenuto della cella cliccata

Creare dashboard con Dash e Plotly

Prossimi passi?

 

  • Crea i tuoi dashboard
  • Sperimenta con catene di callback
  • Continua con le tabelle AG Grid

Screenshot at May 15 08-06-55.png

Creare dashboard con Dash e Plotly

Plotly Studio

  • Genera app Dash da dataset in pochi minuti ⚡
  • Personalizza la base generata dall'AI 🔧
  • Pubblica con un clic su Plotly Cloud 🚀

plotlystudio.png

1 plotly.com/studio
Creare dashboard con Dash e Plotly

Grazie!

Creare dashboard con Dash e Plotly

Preparing Video For Download...