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.
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.