Wykresy i figury Plotly

Tworzenie dashboardów z Dash i Plotly

Alex Scriven

Data Scientist

Czym jest Dash?

  • Biblioteka Pythona do tworzenia interaktywnych aplikacji webowych

$$

$$

Zalety:

  • Bezpłatna! W odróżnieniu od Tableau czy PowerBI
  • Korzysta z JavaScript przy użyciu tylko Pythona
  • Mniej kodu niż frameworki aplikacji webowych
Tworzenie dashboardów z Dash i Plotly

Plotly i Dash

  • Doskonale współpracują ze sobą

$$

  • Dash: interaktywne dashboardy z wieloma wykresami Plotly
  • Zobacz ten przykład

 

Przykładowy zrzut ekranu finansowego dashboardu zawierającego wykresy, tekst, tabele i obrazy, w tym wyróżniony wykres liniowy z podpowiedziami po najechaniu myszą

Tworzenie dashboardów z Dash i Plotly

Czym jest Plotly?

 

  • Powtórzenie Plotly, skupienie na Dash
  • Biblioteka Pythona do tworzenia nowoczesnych, interaktywnych wykresów
    • Opakowuje JavaScript, ale kod piszemy w Pythonie
  • Tworzenie wykresów za pomocą plotly.express

$$

$$

$$

Tworzenie dashboardów z Dash i Plotly

Nasze dane e-commerce

  • Zbiór danych sprzedaży e-commerce

$$

$$

  • Szczegóły:
    • Kategoria produktu (główna, poboczna) + opis
    • Cena jednostkowa, ilość (+ wartość zamówienia)
    • Kraj
    • Rok-miesiąc sprzedaży

Reprezentacja danych sprzedaży e-commerce

Tworzenie dashboardów z Dash i Plotly

Wykresy liniowe z 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()

 

Animowany wykres liniowy sprzedaży według miesięcy – po najechaniu myszą na punkt wyświetla się miesiąc i wartość sprzedaży

Tworzenie dashboardów z Dash i Plotly

Wykresy słupkowe z 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()

 

Animowany poziomy wykres słupkowy z łączną sprzedażą na osi X i krajami na osi Y. Wskaźnik myszy unosi się nad słupkami, pokazując dane po najechaniu

Tworzenie dashboardów z Dash i Plotly

Dostosowywanie wykresów Plotly

 

Zmiana szerokości słupków na wykresie:

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

bar_fig.show()

$$

$$

$$

Zapoznaj się z dokumentacją Plotly

 

Poziomy wykres słupkowy z łączną sprzedażą na osi X i krajami na osi Y. Identyczny jak poprzedni, lecz z mniejszymi odstępami między słupkami.

Tworzenie dashboardów z Dash i Plotly

Czas na ćwiczenia!

Tworzenie dashboardów z Dash i Plotly

Preparing Video For Download...