Plotly-grafieken en -figuren

Dashboards bouwen met Dash en Plotly

Alex Scriven

Data Scientist

Wat is Dash?

Een Python-bibliotheek voor interactieve webapps

Voordelen:

Gratis! In tegenstelling tot Tableau of Power BI
JavaScript-kracht met alleen Python
Minder code dan webframeworks

Plotly en Dash

Werken goed samen

Dash: interactieve dashboards met meerdere Plotly-grafieken
Zie dit voorbeeld
- Afbeeldingen, tekst en grafieken
- Bekijk de broncode

Een voorbeeldscreenshot van een financieel dashboard met diverse grafieken, tekst, tabellen en afbeeldingen, inclusief een prominent lijndiagram met hoverdetails

Wat is Plotly?

Plotly opfrissen, focus op Dash
Een Python-bibliotheek voor moderne, interactieve grafieken
- Gebruikt JavaScript onder de motorkap, jij codeert in Python
Maak grafieken met plotly.express

Bekijk de cursus Introduction to Data Visualization with Plotly in Python

Onze e-commercedata

Dataset met e-commercesales

Details:
- Productcategorie (Hoofd, Sub) + beschrijving
- Stuksprijs, hoeveelheid (+ OrderValue)
- Land
- Jaar-maand van verkoop

Weergave van e-commercesales

Lijndiagrammen met 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()

Een gif van een lijndiagram met maandelijkse omzet; de muis zweeft over een punt en toont maand en omzet bij hover

Staafdiagrammen met 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()

Een gif van een horizontaal staafdiagram met totale omzet op de x-as per land op de y-as. De muis zweeft over staven om data bij hover te tonen

Plotly-grafieken aanpassen

De balkbreedte van ons staafdiagram aanpassen:

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

bar_fig.show()

Bekijk de Plotly-documentatie

Een afbeelding van een horizontaal staafdiagram met totale omzet op de x-as per land op de y-as. Zelfde als de vorige slide, maar met kleinere tussenruimtes tussen de staven.

Laten we oefenen!

Dashboards bouwen met Dash en Plotly