Od Plotly do Dash

Tworzenie dashboardów z Dash i Plotly

Alex Scriven

Data Scientist

Pierwsza aplikacja Dash

Kompletna aplikacja Dash:

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

Możliwości Pythona dostępne
- np. interpolacja ciągów print("f{my_variable}")

Główne importy Dash

from dash import Dash, dcc

Dash inicjalizuje aplikację
dcc zawiera komponenty UI, np. wykresy i pola wejściowe
- Jeden komponent w naszej aplikacji
- Więcej komponentów w toku kursu

Układ aplikacji

app = Dash()

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

Utwórz obiekt aplikacji za pomocą Dash()
Ustaw app.layout
- Używając dcc.Graph()
  - figure = wykres Plotly do wyrenderowania
  - id = ważne dla callbacków

Uruchamianie aplikacji

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

Skrypt uruchamiany z wiersza poleceń
- tzn. python my_app.py w wierszu poleceń
debug dostarcza informacji zwrotnej podczas testów

Nasza aplikacja

Dostęp przez przeglądarkę, np. Google Chrome
Podczas działania serwera: zapisz plik .py, aby zobaczyć zmiany w przeglądarce

Zrzut ekranu terminala po uruchomieniu aplikacji Dash. Na czarnym tle widoczny biały tekst z informacjami opisanymi w skrypcie.

Aplikacja w przeglądarce

Animacja poziomego wykresu słupkowego z całkowitą sprzedażą na osi X i krajami na osi Y. Ten sam wykres co w poprzedniej lekcji, wyświetlony w przeglądarce Chrome – w pasku URL widoczny adres serwera. Kursor przesuwa się po wykresie i klika pasek adresu, demonstrując obecność serwera.

Dash w DataCamp

Różnice względem innych ćwiczeń w DataCamp:
- Linie konfiguracyjne na początku ćwiczeń.
- Całość wykonywana jednocześnie (nie linia po linii)
- (Znacznie) dłuższy kod
W pełni funkcjonalne dashboardy (powiększ okno, aby zobaczyć!)

Zrzut ekranu górnej części ćwiczenia Dash po uruchomieniu – zaznaczony przycisk do rozszerzenia widoku HTML na pełny ekran.

Czas na ćwiczenia!

Tworzenie dashboardów z Dash i Plotly