Graphiques et figures Plotly

Créer des tableaux de bord avec Dash et Plotly

Alex Scriven

Data Scientist

Qu'est-ce que Dash ?

Bibliothèque Python pour créer des applications Web interactives

Avantages :

Gratuit ! Contrairement à Tableau ou PowerBI
Exploitez JavaScript uniquement avec Python
Moins de code que les cadres d'applications Web

Plotly et Dash

Fonctionnent bien ensemble

Dash : tableaux de bord interactifs avec plusieurs graphiques Plotly
Voyez cet exemple
- Images, texte et graphiques
- Consultez le code source

Capture d'écran d'un tableau de bord financier contenant divers graphiques, texte, tableaux et images, dont un graphique linéaire avec détails au survol

Qu'est-ce que Plotly ?

Réviser Plotly, se concentrer sur Dash
Bibliothèque Python pour créer des graphiques modernes et interactifs
- Encapsule JavaScript, mais on code en Python
Créez des graphiques avec plotly.express

Consultez le cours Introduction à la visualisation de données avec Plotly en Python

Nos données de commerce électronique

Jeu de données de ventes en commerce électronique

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

Représentation de ventes en commerce électronique

Graphiques linéaires 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()

Un GIF d'un graphique linéaire des ventes par mois où le pointeur survole un point pour afficher le mois et le montant au survol

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

Un GIF d'un histogramme horizontal des ventes totales sur l'axe des x par pays sur l'axe des y. Le pointeur survole des barres pour montrer l'affichage des données au survol

Personnaliser des graphiques Plotly

Modifier la largeur des barres de notre graphique :

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

bar_fig.show()

Consultez la documentation Plotly

Image d'un histogramme horizontal des ventes totales sur l'axe des x par pays sur l'axe des y. Identique à la diapo précédente, mais les écarts entre les barres sont plus petits.

Passons à la pratique !

Créer des tableaux de bord avec Dash et Plotly