cassionAnalyse de données

Leçon 3 sur 8

Unité · Les conventions que votre lecteur possède déjà

Les trois couleurs qu'on ne dépense pas deux fois

Vert, ambre et rouge signifient normal, modéré et sévère pour ce public avant toute lecture de légende. Un graphique qui les dépense sur trois districts a appris au lecteur à cesser de les lire comme une mesure, et aucune légende ne le rachète.

PythonR135 minCadre intégré de classification de la sécurité alimentaire (IPC)Enquête SMARTNormes OMS de croissance de l'enfantDéfinitions d'indicateurs de l'UNICEF

Une couleur qui signifie déjà quelque chose

Ce public lit couramment plusieurs palettes, sans légende, parce qu’elles sont inscrites dans les standards selon lesquels il travaille.

Palette Signifie D’où elle vient
Vert / jaune / rouge Normal, modéré, sévère Bandes du ruban PB, triage
Phases IPC 1 à 5 Minimale, sous pression, crise, urgence, catastrophe Standard couleur IPC, fixe
Échelle JMP Géré en sécurité jusqu’à eau de surface Suivi conjoint OMS/UNICEF
Bleu Eau Convention du cluster EAH

La palette IPC n’est pas une suggestion. La phase 3 est un orange précis, et une carte qui emploie un autre orange pour la phase 3 sera lue comme une autre phase par quelqu’un qui regarde des cartes IPC chaque semaine. Employez les valeurs publiées ou n’employez pas de couleurs de phase.

Les bandes du PB sont la raison pour laquelle la palette de signal est réservée sur cette plateforme. Vert, ambre et rouge sont --color-signal-normal, -moderate et -severe, et ils servent à l’état de la donnée — statut d’indicateur, sévérité, drapeaux de qualité — et à rien d’autre.

Ce que coûte le détournement

# Three districts, three signal colours. Nothing here is a severity.
COLOURS = {"Nord-Ouest": "#2f8f5b", "Centre": "#d9a02b", "Sud-Est": "#c0442f"}
# A palette chosen because it is on the brand board, not because it means this.

Un lecteur qui voit du rouge sur Sud-Est lit « sévère » avant de lire l’axe. Si Sud-Est se trouve être le pire district, le graphique a eu de la chance et a enseigné une mauvaise habitude ; si c’est le meilleur, le graphique a dit l’inverse de ses propres données.

Le coût est cumulatif et il retombe sur le graphique suivant. Une fois qu’un lecteur a vu la bande de signal employée décorativement, il cesse de la lire comme une mesure — et le graphique où elle est une mesure a perdu le raccourci dont il dépendait.

La règle n’est donc pas esthétique. Réservez la bande de signal à la sévérité, aux drapeaux de qualité et au statut des indicateurs. Tout le reste prend la palette neutre.

INK, SPRUCE, SLATE = "#16211E", "#2F5D50", "#5A6B66"
ax.barh(labels, values, color=[SPRUCE if e else SLATE for e in emphasis])
scale_fill_manual(values = c("TRUE" = "#2F5D50", "FALSE" = "#5A6B66"))

Deux couleurs suffisent généralement à toute la palette d’un graphique de programme : une pour la série, une pour ce que vous désignez. Chaque figure de cette plateforme emploie exactement cela, et aucune n’a eu besoin d’une troisième.

La couleur comme encodage, et ce qu’elle peut porter

Trois usages, et un seul concerne la question de savoir quelle couleur est la plus jolie.

Catégoriel. Des teintes distinctes, au plus six environ avant qu’un lecteur cesse de les distinguer. Au-delà de six, employez des petits multiples ou des étiquettes directes plutôt qu’une légende.

Séquentiel. Une seule teinte, du clair au foncé, pour une quantité ordonnée. Couverture, taux, effectifs.

Divergent. Deux teintes depuis un point médian signifiant — l’évolution depuis le départ, au-dessus et en dessous d’une cible. Le point médian doit être réel. Une échelle divergente centrée sur la moyenne des données invente un point médian et colore en rouge la moitié des districts pour être sous la moyenne, ce que tout jeu de données garantit.

import matplotlib.pyplot as plt

fig, ax = plt.subplots()
ax.barh(districts, change, color=["#c0442f" if c < 0 else "#2f8f5b" for c in change])
ax.axvline(0, color="#16211E", linewidth=1)     # the midpoint, drawn
# If the midpoint is not drawn, the reader guesses where it is.

Ici les couleurs de signal sont légitimes, parce que l’encodage est un état : pire ou meilleur qu’au passage précédent, avec zéro comme point médian réel tracé sur le graphique.

La couleur est le canal le plus faible ; employez d’abord la position

Le classement des encodages visuels par la fidélité avec laquelle ils sont lus n’est pas affaire de goût.

Rang Encodage À employer pour
1 Position sur une échelle commune La comparaison principale
2 Longueur Les barres
3 Angle, pente Les lignes dans le temps
4 Aire Rarement ; une bulle est lue comme son rayon
5 Intensité de couleur Une dimension supplémentaire, jamais la principale
6 Teinte Les étiquettes de catégorie

Si le constat n’est visible que dans la couleur, le graphique l’a encodé dans le canal le plus faible disponible. Une carte choroplèthe est exactement ce piège, et la leçon suivante y est consacrée.

Un encodage redondant n’est pas redondant. Marquer les barres mises en évidence par la couleur et par une légende qui les nomme signifie que le graphique fonctionne encore en niveaux de gris, en basse résolution, et pour un lecteur qui ne distingue pas les deux teintes — ce qui est la leçon 5.

Neuf façons dont les graphiques du secteur ratent la couleur

Chacune est courante et chacune a un remède d’une ligne.

Erreur Remède
Couleurs de signal sur des catégories sans sévérité Palette neutre
Une échelle arc-en-ciel pour une quantité ordonnée Séquentiel à teinte unique
Des orangés qui évoquent l’IPC sans en être Employer les valeurs publiées, ou ne pas suggérer de phases
Rouge pour « femme », bleu pour « homme » Paire neutre ; le sexe n’est pas une sévérité
Échelle divergente centrée sur la moyenne Centrer sur un point médian réel, et le tracer
Une légende pour deux catégories Les étiqueter directement sur le graphique
La couleur portant le constat Déplacer le constat vers la position ou la longueur
Plus de six teintes catégorielles Petits multiples
La couleur et elle seule distinguant deux lignes Ajouter une étiquette au bout de la ligne

La dernière est la plus courante dans ce secteur, parce qu’un graphique à deux lignes paraît fini. Imprimez-le en niveaux de gris et il devient une ligne et un mystère.

Rapportez-le en entier

Figure conventions used in this report

  Charts use a neutral two-colour palette: one tone for the series, a darker
  tone for values the caption calls out.

  Green, amber and red are reserved for severity and data-quality status --
  MUAC banding, indicator status, completeness flags -- and are not used for
  geographic or demographic categories anywhere in this report.

  IPC phase maps use the published IPC colour values without modification.

  Where a chart uses a diverging scale, the midpoint is a stated reference
  (the previous round, or the national target) and is drawn on the chart.

Quatre lignes dans l’annexe méthodologique, et elles répondent à la question qu’un relecteur pose sur chaque carte du dossier. Un rapport dont les conventions de couleur sont énoncées est un rapport dont on peut attendre que les graphiques signifient deux fois la même chose.

La suite

L’intensité de couleur est le canal le plus faible, et une carte choroplèthe y met la totalité du constat. La leçon suivante compare une carte de douze communes à douze petits graphiques, et constate que la carte ne peut pas montrer ce que la leçon précédente a établi.

Animer cette leçon

La leçon en diaporama, la prose étant reléguée dans les notes du présentateur plutôt que projetée. Produit à partir de cette page, dont il ne peut donc pas s'écarter.

Lancer le diaporamaLire les diapositives

Le PDF ne requiert aucun logiciel et se projette depuis n'importe quel poste. Le fichier PowerPoint est fait pour être modifié : appliquez la charte de votre organisation, retirez une section pour une séance plus courte, ou fusionnez deux leçons en atelier.