Podsumowanie

Tworzenie dashboardów z Dash i Plotly

Alex Scriven

Data Scientist

Rozdział 1

Przegląd Plotly
Pierwsza aplikacja Dash
Podstawy HTML

Animacja wykresu liniowego sprzedaży według miesięcy, gdzie najechanie kursorem na punkt wyświetla miesiąc i wartość sprzedaży

Rozdział 2

Struktura i styl z HTML i CSS
Rozmieszczanie, skalowanie i stylizacja elementów
- Słownik style

Obraz tytułu „Top Sales Categories"; poniżej, wewnątrz czerwonej przerywanej ramki, poziomy wykres słupkowy z kategoriami zakupów na osi Y i całkowitą liczbą zamówień na osi X. Poza ramką lista dwóch najlepszych kategorii. Ramka jest rozszerzona ze wszystkich stron z zaznaczonymi strzałkami, a elementy wewnątrz i poniżej są odsunięte.

Rozdział 3

Interaktywność z callbackami
Listy rozwijane, wybór daty i pola tekstowe

Animacja typowego selektora daty. Pole wprowadzania z datą 1 lipca 2025. Po kliknięciu pojawia się kalendarz. Wybrana zostaje data 2 lipca 2025, kalendarz się zwija, a data w polu zmienia się.

Rozdział 4

Interaktywność z wydarzeniami hover i click
Budowanie tabel AG Grid

Animacja tabeli, w której kliknięcie różnych komórek powoduje wyświetlenie poniżej pola tekstowego ze słownikiem zawartości klikniętej komórki

Kolejne kroki

Twórz własne dashboardy
- Przykłady dla inspiracji
Eksperymentuj z łańcuchami callbacków
Kontynuuj naukę tabel AG Grid

Screenshot at May 15 08-06-55.png

Plotly Studio

Generuj aplikacje Dash z danych w kilka minut ⚡
Dostosuj fundament wygenerowany przez AI 🔧
Publikuj jednym kliknięciem w Plotly Cloud 🚀

¹ plotly.com/studio

Dziękujemy!

Tworzenie dashboardów z Dash i Plotly