Plotly-Diagramme und -Abbildungen

Dashboards mit Dash und Plotly erstellen

Alex Scriven

Data Scientist

Was ist Dash?

Eine Python-Bibliothek zum Erstellen interaktiver Webanwendungen

Vorteile:

Kostenlos! Anders als Tableau oder PowerBI
Nutzt JavaScript – du schreibst nur Python
Weniger Code als Web-App-Frameworks

Plotly und Dash

Passen gut zusammen

Dash: Interaktive Dashboards mit mehreren Plotly-Diagrammen
Sieh dir dieses Beispiel an
- Bilder, Text und Diagramme
- Schau dir den Quellcode an

Ein Beispiel-Screenshot eines Finanz-Dashboards mit verschiedenen Diagrammen, Text, Tabellen und Bildern, inklusive eines prominenten Liniendiagramms mit Hover-Details

Was ist Plotly?

Plotly auffrischen, Fokus auf Dash
Eine Python-Bibliothek für moderne, interaktive Diagramme
- Nutzt JavaScript, aber du codest in Python
Erstelle Diagramme mit plotly.express

Schau dir den Kurs Introduction to Data Visualization with Plotly in Python an

Unsere E-Commerce-Daten

Datensatz von E-Commerce-Verkäufen

Details:
- Artikelkategorie (Haupt-, Unterkategorie) + Beschreibung
- Stückpreis, Menge (+ OrderValue)
- Land
- Verkaufsmonat (Jahr-Monat)

Darstellung von E-Commerce-Verkäufen

Liniendiagramme mit plotly.express

import plotly.express as px

line_graph = px.line(

  data_frame=ecom_sales,
  x='Year-Month',
  y='Total Sales ($)', 
  title='Total Sales by Month')

line_graph.show()

Ein GIF eines Liniendiagramms der Verkäufe pro Monat; beim Überfahren eines Punkts erscheinen Monat und Verkaufszahl als Hover-Info

Balkendiagramme mit plotly.express

bar_fig = px.bar(
  data_frame=ecom_sales,
  x='Total Sales ($)',
  y='Country',
  title='Total Sales by Country',

  orientation='h')

bar_fig.show()

Ein GIF eines horizontalen Balkendiagramms: Gesamterlöse auf der x-Achse nach Land auf der y-Achse. Der Mauszeiger fährt über Balken, um Hover-Daten zu zeigen

Plotly-Diagramme anpassen

Die Balkenbreite unseres Diagramms ändern:

bar_fig.update_layout({'bargap': 0.5})

bar_fig.show()

Sieh dir die Plotly-Dokumentation an

Ein horizontales Balkendiagramm der Gesamterlöse auf der x-Achse nach Land auf der y-Achse. Wie auf der vorherigen Folie, aber mit kleineren Abständen zwischen den Balken.

Lass uns üben!

Dashboards mit Dash und Plotly erstellen