Personnaliser la couleur

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

Alex Scriven

Data Scientist

Personnalisation en général

 

Comment personnaliser les graphiques :

  1. À la création, si un argument existe (comme color)
  2. Après coup, avec update_layout()
    • Prend un dictionnaire
    • fig.update_layout({"title":{"text":"A New Title"}})
Introduction à la visualisation de données avec Plotly en Python

Pourquoi personnaliser la couleur ?

 

Personnaliser la couleur peut aider :

  1. À rendre les graphes superbes !
  2. À transmettre des insights d'analyse
    • La couleur dans ce nuage de points ajoute une 3e dimension.

   

Couleur selon l'espèce

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

Quelques notions de couleur

 

Les ordinateurs utilisent le codage RVB pour définir les couleurs :

  • RVB = un code à 3 chiffres (chacun 0-255) combinant Rouge, Vert, Bleu
    • (0,0,255) est bleu et (255,255,0) est jaune

$$

$$

Pour en savoir plus, voir cet article

tableau d'exemples de couleurs RVB

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

Spécifier les couleurs dans plotly.express

 

  • Argument color (colonne du DataFrame)
    • Chaque catégorie reçoit une couleur (automatiquement)
    • Une échelle de couleurs est utilisée pour les colonnes numériques

 

fig = px.bar(data_frame=student_scores, 
      x="student_name", 
      y="score", 
      title="Student Scores by Student"
      color="city")
fig.show()
Introduction à la visualisation de données avec Plotly en Python

Nos couleurs révélées

Le graphique avant :

Diagramme à barres sans couleurs

Notre graphique après :

Diagramme à barres avec couleurs

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

Couleur avec des graphes univariés

 

Utiliser l'argument color de plotly.express avec des graphes univariés (barres, histogrammes) :

  • Histogrammes : barres empilées
  • Boîtes à moustaches : produit plusieurs tracés

Histogramme empilé avec couleur

boîtes à moustaches côte à côte avec couleur

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

Couleurs précises dans plotly.express

 

  • color_discrete_map : dictionnaire qui associe des valeurs catégorielles à des couleurs
  • On peut aussi indiquer des couleurs (de base) comme chaînes : "red", "green", etc.
Introduction à la visualisation de données avec Plotly en Python

Nos couleurs précises

$$

fig = px.bar(
    data_frame=student_scores, 
    x="student_name", y="score", 
    title="Student Scores by Student",

    color_discrete_map={
    "Melbourne": "rgb(0,0,128)",
    "Sydney": "rgb(235, 207, 52)"},

    color="city")

 

Diagramme à barres avec couleurs précisées

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

Échelles de couleurs dans plotly.express

 

  • Échelles monochromes (vert clair à foncé)

Échelle de vert

  • Dégradé mixte (vert vers bleu)

$$

  • Argument color_continuous_scale pour les échelles.

Échelle vert-bleu

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

Utiliser les échelles de couleurs intégrées

 

fig = px.bar(data_frame=weekly_temps, 
    x="day", y="temp", 
    color="temp",
    color_continuous_scale="inferno")
fig.show()

 

$$

 

Diagramme à barres avec l'échelle inferno

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

Créer notre propre gamme de couleurs

 

  • Échelle personnalisée (jaune - orange - rouge)
my_scale=[("rgb(242, 238, 10)"),
          ("rgb(242, 95, 10)"), 
          ("rgb(255,0,0)")]

fig = px.bar(data_frame=weekly_temps, 
    x="day", y="temp",

    color_continuous_scale=my_scale,
    color="temp")

 

Diagramme à barres avec notre échelle

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

Passons à la pratique !

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

Preparing Video For Download...