Grafy a obrázky v Plotly

Tvorba dashboardů s Dash a Plotly

Alex Scriven

Data Scientist

Co je Dash?

Pythonová knihovna pro tvorbu interaktivních webových aplikací

Výhody:

Zdarma! Na rozdíl od Tableau nebo PowerBI
JavaScript pouze přes Python
Méně kódu než webové frameworky

Plotly a Dash

Dobře spolupracují

Dash: Interaktivní dashboardy s více grafy Plotly
Viz tento příklad
- Obrázky, text a grafy
- Prohlédněte si zdrojový kód

Ukázkový snímek finančního dashboardu s různými grafy, texty, tabulkami a obrázky včetně výrazného čárového grafu s popisky při najetí myší

Co je Plotly?

Přehled Plotly, zaměření na Dash
Pythonová knihovna pro moderní interaktivní grafy
- Obaluje JavaScript, kód v Pythonu
Grafy tvoříme pomocí plotly.express

Viz kurz Introduction to Data Visualization with Plotly in Python

Naše data z e-commerce

Dataset prodejů v e-commerce

Podrobnosti:
- Kategorie zboží (hlavní, vedlejší) + popis
- Jednotková cena, množství (+ OrderValue)
- Země
- Rok-měsíc prodeje

Ukázka dat e-commerce prodejů

Čárové grafy s 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()

Animovaný čárový graf prodejů podle měsíce, kde najetí myší na bod zobrazí měsíc a hodnotu prodejů

Sloupcové grafy s 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()

Animovaný vodorovný sloupcový graf celkových prodejů na ose x podle zemí na ose y. Najetí myší na sloupce zobrazí data.

Přizpůsobení grafů v Plotly

Změna šířky sloupců sloupcového grafu:

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

bar_fig.show()

Více v dokumentaci Plotly

Vodorovný sloupcový graf celkových prodejů na ose x podle zemí na ose y. Stejný jako předchozí, ale s menšími mezerami mezi sloupci.

Lass uns üben!

Tvorba dashboardů s Dash a Plotly