Graphiques et figures Plotly

Créer des tableaux de bord avec Dash et Plotly

Alex Scriven

Data Scientist

Qu'est-ce que Dash ?

  • Une bibliothèque Python pour créer des applications web interactives

$$

$$

Avantages :

  • Gratuit ! Contrairement à Tableau ou PowerBI
  • Profitez de JavaScript avec seulement Python
  • Moins de code que les frameworks web
Créer des tableaux de bord avec Dash et Plotly

Plotly et Dash

  • Fonctionnent très bien ensemble

$$

  • Dash : tableaux de bord interactifs avec plusieurs graphiques Plotly
  • Voir cet exemple

 

Capture d'écran d'un tableau de bord financier avec divers graphiques, texte, tableaux et images, dont une courbe avec infobulles au survol

Créer des tableaux de bord avec Dash et Plotly

Qu'est-ce que Plotly ?

 

  • Revoir Plotly, se concentrer sur Dash
  • Une bibliothèque Python pour créer des graphiques modernes et interactifs
    • S'appuie sur JavaScript mais se code en Python
  • Créez des graphiques avec plotly.express

$$

$$

$$

Créer des tableaux de bord avec Dash et Plotly

Nos données e-commerce

  • Jeu de données de ventes e-commerce

$$

$$

  • Détails :
    • Catégorie d'article (principale, secondaire) + description
    • Prix unitaire, quantité (+ OrderValue)
    • Pays
    • Année-mois de vente

Représentation des ventes e-commerce

Créer des tableaux de bord avec Dash et Plotly

Graphiques en courbes avec 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()

 

GIF d'un graphique linéaire des ventes par mois ; le survol affiche le mois et le montant

Créer des tableaux de bord avec Dash et Plotly

Histogrammes avec 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()

 

GIF d'un histogramme horizontal : ventes totales en abscisse par pays en ordonnée. Le survol affiche les données

Créer des tableaux de bord avec Dash et Plotly

Personnaliser les graphiques Plotly

 

Modifier la largeur des barres du graphique :

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

bar_fig.show()

$$

$$

$$

Consultez la documentation Plotly

 

Image d'un histogramme horizontal : ventes totales en abscisse par pays en ordonnée. Identique à la diapo précédente, mais avec des écarts plus petits entre les barres.

Créer des tableaux de bord avec Dash et Plotly

Passons à la pratique !

Créer des tableaux de bord avec Dash et Plotly

Preparing Video For Download...