Plotly-grafer och figurer

Bygg dashboards med Dash och Plotly

Alex Scriven

Data Scientist

Vad är Dash?

Ett Python-bibliotek för att skapa interaktiva webbapplikationer

Fördelar:

Gratis! Till skillnad från Tableau eller PowerBI
Använd JavaScript med enbart Python
Mindre kod än traditionella webbramverk

Plotly och Dash

Fungerar utmärkt tillsammans

Dash: Interaktiva dashboards med flera Plotly-grafer
Se detta exempel
- Bilder, text och diagram
- Kolla in källkoden

En exempelskärmbild av ett finansiellt dashboard med en mängd grafer, text, tabeller och bilder, inklusive ett framträdande linjediagram med hoverdetal

Vad är Plotly?

Repetition av Plotly, fokus på Dash
Ett Python-bibliotek för moderna, interaktiva grafer
- Omsluter JavaScript men koden skrivs i Python
Skapa grafer med plotly.express

Kolla in Introduktion till datavisualisering med Plotly i Python

Vår e-handelsdata

Datamängd med e-handelsförsäljning

Detaljer:
- Artikelkategori (Major, Minor) + beskrivning
- Enhetspris, antal (+ OrderValue)
- Land
- År-månad för försäljning

Representation av e-handelsförsäljning

Linjediagram med 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()

En animerad gif av ett linjediagram över försäljning per månad där muspekaren hovrar över en punkt och visar månad och försäljningssiffra

Stapeldiagram med 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()

En animerad gif av ett horisontellt stapeldiagram med total försäljning på x-axeln och land på y-axeln. Muspekaren hovrar över staplar för att visa att data visas vid hovring

Anpassa Plotly-grafer

Ändra stapelbredden i vårt stapeldiagram:

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

bar_fig.show()

Kolla in Plotly-dokumentationen

En bild av ett horisontellt stapeldiagram med total försäljning på x-axeln och land på y-axeln. Det liknar föregående bild men med mindre mellanrum mellan staplarna.

Nu kör vi en övning!

Bygg dashboards med Dash och Plotly