Från Plotly till Dash

Bygg dashboards med Dash och Plotly

Alex Scriven

Data Scientist

En första Dash-app

En komplett Dash-app:

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

Python-funktionalitet möjlig
- t.ex. stränginterpolation print("f{my_variable}")

De viktigaste Dash-importerna

from dash import Dash, dcc

Dash initierar appen
dcc innehåller UI-komponenter som grafer och inmatningsfält
- En komponent i vår app
- Fler komponenter under kursens gång

Appens layout

app = Dash()

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

Skapa ett appobjekt med Dash()
Ange app.layout
- Med hjälp av dcc.Graph()
  - figure = Plotly-figuren som ska visas
  - id = Viktigt för callbacks senare

Köra appen

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

Skriptet körs från kommandoraden
- dvs. python my_app.py i kommandoraden
debug ger återkoppling vid testning

Vår app

Öppna i en webbläsare, t.ex. Google Chrome
Medan appen körs – uppdatera och spara .py-filen för att se live-uppdateringar i webbläsaren

En skärmbild av vad som visas i en terminal när en Dash-app körs. Vit text mot svart bakgrund visar de detaljer som nämns i skriptet.

Vår app i webbläsaren

En gif av ett horisontellt stapeldiagram med total försäljning på x-axeln och land på y-axeln. Det är samma graf som i föregående lektion, men visas nu i webbläsaren Chrome med en serveradress synlig i adressfältet. Muspekaren rör sig över grafen och klickar i adressfältet för att visa att servern är aktiv.

Dash i DataCamp

Några skillnader mot andra DataCamp-övningar:
- Inställningsrader överst i övningarna.
- All kod körs på en gång (inte rad för rad)
- (Betydligt) längre kod
Fullt fungerande dashboards (expandera fönstret för att se!)

En skärmbild av toppen av en Dash-kodövning som har körts, med knappen för att expandera HTML-utdata markerad så att appen kan visas i helskärm.

Nu kör vi en övning!

Bygg dashboards med Dash och Plotly