Abschlussvideo

Dashboards mit Dash und Plotly erstellen

Alex Scriven

Data Scientist

Kapitel 1

Plotly wiederholt
Erste Dash-App erstellt
Überblick über HTML

Ein GIF eines Liniendiagramms zu Verkäufen pro Monat; beim Überfahren mit der Maus wird Monat und Verkaufszahl als Tooltip angezeigt

Kapitel 2

Struktur und Stil mit HTML und CSS
App-Elemente platzieren, skalieren und stylen
- Ein style-Dictionary

Kapitel 3

Interaktivität mit Callbacks
Dropdowns, Datumsauswahl und Freitextfelder

Ein GIF einer typischen Datumsauswahl: Ein Datumsfeld zeigt den 1. Juli 2025. Ein Klick öffnet einen Kalender; der 2. Juli 2025 wird gewählt, der Kalender schließt sich und das Datum im Feld aktualisiert sich.

Kapitel 4

Interaktivität durch Hover- und Klick-Ereignisse
AG-Grid-Tabellen erstellen

Ein GIF einer Tabelle: Beim Klicken auf verschiedene Zellen erscheint darunter eine Textbox mit einem Dictionary der geklickten Zellinhalte

Nächste Schritte?

Bau deine eigenen Dashboards
- Beispiele zur Inspiration
Experimentiere mit Callback-Ketten
Lerne AG-Grid-Tabellen weiter vertiefend

Screenshot at May 15 08-06-55.png

Plotly Studio

Erstelle Dash-Apps aus Datensätzen in Minuten ⚡
Passe die KI-generierte Basis an 🔧
Mit einem Klick auf Plotly Cloud veröffentlichen 🚀

¹ plotly.com/studio

Danke!

Dashboards mit Dash und Plotly erstellen