De la Plotly la Dash

Crearea dashboardurilor cu Dash și Plotly

Alex Scriven

Data Scientist

Prima aplicație Dash

O aplicație Dash completă:

from dash import Dash, dcc
app = Dash()
app.layout = [dcc.Graph(id='example-graph', figure=bar_fig)]
if __name__ == '__main__':
    app.run(debug=True)

Funcționalități Python disponibile
- ex., interpolarea șirurilor print("f{my_variable}")

Importurile principale Dash

from dash import Dash, dcc

Dash inițializează aplicația
dcc conține componente UI precum grafice și câmpuri de intrare
- O componentă în aplicația noastră
- Mai multe componente pe parcursul cursului

Layout-ul aplicației

app = Dash()

app.layout = [dcc.Graph(
  id='example-graph',
  figure=bar_fig)]

Creați un obiect app folosind Dash()
Setați app.layout
- Folosind dcc.Graph()
  - figure = Figura Plotly de randat
  - id = Important pentru callback-uri

Rularea aplicației

if __name__ == '__main__':
    app.run(debug=True)

Scriptul se rulează din linia de comandă
- ex., python my_app.py în linia de comandă
debug pentru feedback în timpul testării

Aplicația noastră

Accesați dintr-un browser web, precum Google Chrome
În timp ce rulează, modificați și salvați fișierul .py pentru a vedea actualizările live în browser

Captură de ecran a terminalului după rularea unei aplicații Dash. Text alb pe fundal negru cu detaliile menționate în script.

Aplicația noastră în browser

GIF cu un grafic cu bare orizontale reprezentând vânzările totale pe axa x și țara pe axa y. Același grafic ca în lecția anterioară, dar afișat într-un browser Chrome, cu adresa serverului vizibilă în bara URL. Mouse-ul trece peste grafic și face clic în bara URL pentru a demonstra prezența serverului.

Dash în DataCamp

Câteva diferențe față de exercițiile standard DataCamp:
- Linii de configurare la începutul exercițiilor.
- Executat complet (nu linie cu linie)
- Cod (mult) mai lung
Tablouri de bord complet funcționale (extindeți fereastra pentru a le vedea!)

Captură de ecran a unui exercițiu Dash după rulare, cu evidențierea butonului de extindere a ieșirii HTML pentru vizualizarea aplicației pe tot ecranul.

Să exersăm!

Crearea dashboardurilor cu Dash și Plotly