Bring Plotly mit Dash aufs nächste Level. Nach einer kurzen Auffrischung zu Plotly baust du direkt deine erste Dash-App. Danach bekommst du deinen ersten Einblick in HTML und wie Dash diese wichtige Webentwicklungssprache nutzt, um größere Dash-Apps zu strukturieren. Zum Schluss führst du alles in deinem ersten Dashboard mit mehreren Grafiken für ein globales E‑Commerce-Unternehmen zusammen.

Plotly-Grafiken und -Abbildungen

Liniendiagramm der Verkäufe nach Ländern

Balkendiagramm der Verkäufe nach Land

Von Plotly zu Dash

Programm

Der Kerncode einer Dash-App

Umsatz in einer Dash-App

Dash-Komponenten positionieren

HTML und Dash kombinieren

Ein erster Entwurf für ein Sales-Dashboard

Übernimm mit HTML und CSS die Kontrolle über die Elemente in deinen Dash-Apps. Erfahre, was beide ausmacht und warum sie das Herz moderner Webentwicklung sind, und nutze ihre Stärken in deinen Dash-Apps, um Größe, Farbe und Platzierung deiner Objekte zu verändern.

HTML in Dash

Logos und Notizen hinzufügen

Eine HTML-Liste zu Dash hinzufügen

CSS-Grundlagen in Dash

Eine Dash-App mit CSS stylen

Zu Dark Mode wechseln

Fortgeschrittenes CSS in Dash

Platzierung üben

Ein verfeinertes Sales-Dashboard

Objektlayout steuern

Dash-Apps gestalten

Mach deine Dash-Apps zu nutzergesteuerten Erlebnissen, indem du interaktive Komponenten beherrschst. Lerne, wie du Dropdowns, Datumswähler und freie Texteingaben einbindest, um Elemente in deinen Dash-Apps zu verändern, und baue echte Self-Service-Dashboards, die deine Nutzerinnen und Nutzer erkunden können.

Callbacks in Dash

Ein Dropdown für Verkäufe nach Ländern

Ein kaputtes Dashboard reparieren

Interaktive Komponenten

Datumswähler für Verkaufsdaten

Ein Callback mit Datepicker

Slider für Verkaufsdaten

Wiederverwendbare Dash-Komponenten

Dash-Komponenten wiederverwenden

DRY-Styling für Dash-Komponenten

Benutzereingaben in Dash-Komponenten

Einen Plot-Titel aktualisieren

Top-Kundenstandorte analysieren

Interaktivität mit Callbacks und Komponenten

Entfessle die volle Power der Dash-App-Interaktivität, indem du Änderungen an einer Grafik auslöst, wenn in einer anderen Grafik geklickt oder darüber gehovert wird. Außerdem lernst du die Grundlagen des Dash-AG-Grid-Moduls, mit dem du Tabellen erstellen kannst, die sich leicht filtern, sortieren und paginieren lassen – und ebenfalls Änderungen in anderen Grafiken auslösen können.

Interaktivität zwischen Elementen

Wichtige Kennzahlen per Hover anzeigen

Per Hover eine andere Grafik aktualisieren

Klicken, um ein anderes Diagramm zu aktualisieren

Gekettete Callbacks

Bedingte Dropdown-Optionen

Die Kette erweitern

Einführung in Dash AG Grid

Interaktive Tabelle mit Kennzahlen

Eine Kennzahlen-Tabelle seitenweise anzeigen

Das Sales-Dashboard erweitern

Interaktivität mit Dash AG Grid

Eine Key-Stats-Tabelle stylen

Interaktive Tabellentools im Sales-Dashboard

Abschlussvideo

Fortgeschrittene Dash-Apps

2011 Global e-commerce data

2011 Global e-commerce data (Complete)

Du brauchst keine teure Software, um aussagekräftige Dashboards zu bauen – das geht mit Plotly und Dash. Begleite uns und lerne, wie du deine Plotly-Visualisierungen mit globalen E-Commerce-Daten in interaktive Dashboards verwandelst. Du lernst die Grundlagen von Webanwendungen und entdeckst, wie du deine Dashboards mit HTML und CSS strukturierst und gestaltest – und so ein Portfolio an Dashboards aufbaust, das du auf deine Daten und Projekte anpassen kannst. Bist du bereit, deine Plots zum Leben zu erwecken?

Introduction to Data Visualization with Plotly in Python

Data Manipulation with pandas

Lernen Sie, interaktive und erkenntnisreiche Dashboards mit Dash und Plotly zu erstellen.

Plotly-Grafiken und -Abbildungen

Create Your Free Account