La newsletter qui fait
parler les données

La couleur, angle mort de la dataviz

Dans un projet de dataviz, la couleur est rarement traitée à sa juste mesure. Les chartes graphiques des organisations se limitent à deux ou trois teintes identitaires, laissant les datadesigners livré·e·s à eux-même face aux jeux de données complexes. Or la couleur est un langage à part entière, qui encode la nature des données, guide l'attention, signale les interactions et impacte l’accessibilité. WeDoData a identifié 6 défis et décortique pour vous un projet… haut en couleurs !

Au menu de cette édition #26 :  
🎨 Les 6 challenges d’un système de couleurs en dataviz
🎾 Le terrain de tennis qui dévoile l’intensité du match 

💫 Des flots d’inspirations : flux de vacancier·ère·s, incendies, cycle de floraisons, écoconception, sculptures de données...

L’équipe de WeDoData 
[email protected]

Et si vous recommandiez cette newsletter autour de vous ?
un mail - Whatsapp - Linkedin

Ces data(viz) font l’actu

🏠 Logement en crise(s). Dans les grandes villes portugaises, la location de courte durée bouscule le marché locatif “classique”. Dans ce récit-molette, mêlant cartographie et enquête chiffrée, on visualise de manière limpide comment la croissance de ce secteur clé du tourisme s’est faite au détriment des habitant·e·s. Voilà pourquoi le Portugal souhaite faire baisser le nombre de licences de 126 000 à 90 000. 
À méditer ici avant les vacances
 

🔥 Chaud devant. 20 min, c’est le temps moyen que mettent les appareils de la “Cal Fire” (unité anti-feu californienne) pour atteindre le site d’un incendie. Ce scrollytelling de Reuters nous plonge dans la mécanique bien huilée (data à l’appui) de cette task force. Fun fact : jusqu’en 2021, la flotte comprenait un Boeing 747 reconverti qui pouvait larguer près de 68 000 litres d’eau…
À décoller ici
 

💬 Débats décortiqués. Au Royaume-Uni, les questions d’immigration sont au cœur des séances du Parlement. Mais qu’est-ce qui se dit exactement ? The Gardian a analysé 100 ans d’échanges parlementaires à l’aide d’un LLM afin de datavisualiser l’évolution de la sémantique des partis sur cette question. Le tout est intelligemment mis en regard de l’actualité britannique.
À dépouiller ici
 

Les pépites du mois

 
C’est immersif. On ne présente plus Federica Fragapane, référence du domaine à la frontière entre la dataviz et l’art. Avec Shapes of Inequalities, elle a exposé à Milan des données sur les inégalités mondiales - accès aux soins, climat, discriminations - sous la forme de silhouettes physiques et organiques. Cette installation rappelle que la dataviz peut se regarder comme une œuvre et ainsi nous bousculer intellectuellement et émotionnellement.

 
C’est projeté. Pour les fans de carto (et on sait qu’il y en a beaucoup parmi vous), voici une très belle idée de Sylvestre Bénard qui mêle carte en relief et mapping vidéo pour le musée de Saint-Martin-de-Belleville (73). Une projection de 10 minutes (dont voici un aperçu) retrace l’histoire de cette vallée et de son climat, depuis l’agriculture alpine jusqu’à la construction du domaine skiable, sur une carte en relief de 2 mètres de long.

 
C’est détente. L’été pointe le bout de son nez et tous les ans, la même question : où partirons-nous en vacances ? Et bien cette année, nous pouvons nous inspirer de cette cartographie de l’Atelier Parisien d’Urbanisme (Apur) qui présente les lieux de villégiature des Francilien·ne·s. Peut-être que cela vous aidera à choisir où… ne PAS aller en vacances ?

 
C’est en boucle. Il n’est jamais simple de représenter les cycles en dataviz. Ana Milana nous offre ici un bel exemple de visualisation animée qui explore la floraison de différentes variétés de fleurs à Madrid. Nous avons particulièrement aimé la possibilité de passer de la version vidéo du graphique à sa version statique.

POUR ALLER ENCORE PLUS LOIN

🏊‍♂️ Petit plouf chez nos voisin·e·s allemand·e·s avec cette exploration cartographique des piscines à Berlin.

🚒 Espérons que les incendies de l’été en Europe ne ressembleront pas à ceux de 2025 et leurs panaches de fumée vus de l’espace.

🚇 On aime toujours autant ce que les métros inspirent aux graphistes : ici ceux de Tokyo en fonction de l’heure du dernier trajet.

S’ABONNER

On vous a transféré cette newsletter ?

N’oubliez pas de vous inscrire gratuitement pour recevoir les suivantes

Les 6 grands défis de la couleur
dans un projet de dataviz

 
6 grands défis. Ce que voyez juste au-dessus n’est qu’une partie de la palette de couleurs créée pour l’un de nos clients. Vous comprendrez alors combien nous sommes désarçonné·e·s face aux chartes graphiques de nos interlocuteur·rice·s qui ne précisent que quelques couleurs à utiliser pour l’identité de la marque. Quid de la dataviz ? Ultra-majoritairement, c’est le néant. Alors nous devons orchestrer nous-mêmes un système de couleurs, pilier de la transmission d’informations statistiques.
Parlons concret : nous avons décortiqué pour vous le projet du CCCA-BTP, organisme au service de la formation professionnelle dans le BTP et en particulier de l’apprentissage, qui vient de refondre son ambitieuse plateforme de données (outils, graphiques et cartographies, baromètres…)
 

🎨 Défi 1 - Définir une palette harmonieuse capable de gérer de nombreuses modalités
 

 
Le défi. Notre point de départ : les 2 ou 3 couleurs de la charte de la marque. Mais face à un sondage avec 6 ou 8 réponses, il faut imaginer autant de teintes qui doivent rester cohérentes avec l’identité.

Notre approche. Créer les couleurs supplémentaires à partir des teintes d’origine et alterner les tons et les niveaux de contraste dans l’ordre de la palette. Pourquoi alterner ? Pour deux raisons :
1/ Eviter que deux modalités voisines dans un graphique ne tombent sur deux bleus proches, créant un regroupement visuel artificiel.
2/ Améliorer la lisibilité : un œil qui saute d’une modalité à l’autre perçoit mieux les écarts quand les contrastes sont répartis, pas concentrés.

❓Défi 2 - S’adapter aux différentes natures de questions
 

 
Le défi. La plateforme du CCCA-BTP restitue des sondages dont les questions appellent des réponses de natures très différentes :
• des questions à choix multiples → réponses catégorielles
• des mesures d’intensité (satisfaction, fréquence) → réponses séquentielles
• des positions d’accord / de désaccord → réponses divergentes

Notre approche. En partant du bleu de la charte, nous avons réalisé 3 types de palettes pour gérer efficacement ces différentes natures de réponses.

⚖️ Défi 3 - Être vigilant·e à “l’émotion des couleurs”

 
Le défi. Les couleurs ne sont jamais neutres. Le vert évoque le positif, le rouge l’alerte, le gris le neutre ou un état “désactivé”. Attribuer du vert sur “tout à fait d’accord” et du rouge sur “pas du tout d’accord” semble intuitif… jusqu’à ce que l’on tombe sur « Vous arrive-t-il de vous sentir en échec ? ». Là, choisir le vert pour la réponse “souvent” sera un contresens.

Notre approche. Beaucoup de tests pour trouver les couleurs qui ne tromperont pas l'utilisateur·ice. D’ailleurs, vous trouverez dans ce billet passionnant une étude (en anglais) qui détaille les liens entre émotions et couleurs. Saviez-vous que le bonheur est associé à huit couleurs et la tristesse à cinq ?

🔗 Défi 4 - Faire cohabiter plusieurs registres de couleurs

 
Le défi. Dans un projet aussi transversal que cette plateforme, la couleur joue sur plusieurs registres qu’il faut penser ensemble :

• les couleurs d’interface : celles qui reviennent sur les éléments récurrents, comme les boutons et les états actifs (un élément sélectionné par exemple)

• les couleurs des données : nous avons vu ci-dessus ces palettes permettant de lire l’information des catégories, des intensités, des comparaisons

• les couleurs transversales : ici, nous avons 2 sujets récurrents que sont les apprenti·e·s, invariablement en violet, et la voie scolaire, en jaune

• les couleurs d’identification : la plateforme comprend 4 outils principaux, chacun rythmé par une couleur dominante qui le distingue des autres

Notre approche. L’utilisateur·rice, qui navigue d’un outil à l’autre, doit retrouver ses marques sans effort conscient : le genre de cohérence qui ne se remarque pas quand elle est là, mais qui manque cruellement quand elle est absente.

🖱️ Défi 5 - Prévoir les variations liées aux interactions

 
Le défi. Sur une plateforme interactive, la couleur ne reste pas figée. Elle doit exprimer de multiples états : actif, inactif, survolé, sélectionné, désélectionné.

Notre approche. Chaque couleur de base doit donc être déclinée en plusieurs variantes (états de transparence dans notre cas), cohérentes entre elles et lisibles dans leur contexte. Un survol trop discret et l’interaction passe inaperçue, un désélectionné trop contrasté et la hiérarchie s’effondre.

💡 Défi 6 - Savoir éteindre la couleur

 
Le défi. Tout ne mérite pas d’être coloré. Un graphique monochrome bien hiérarchisé peut être plus efficace qu’un graphique bariolé, la couleur posant parfois plus de problèmes qu’elle n’en règle.

Notre approche. Le gris et l’aplat plus ou moins opaque ont un vrai rôle à jouer : signaler un élément neutre, une donnée manquante, une modalité dont on veut réduire la présence visuelle. C’est très utile aussi pour faire ressortir, par contraste, l’unique élément qui compte : la moyenne, la sélection de l’utilisateur·rice ou le point remarquable.

🚀 Défi ultime - Relever tous ces défis ET rester le plus accessible possible

 
Le défi. Environ 8,5% des Français et Françaises présentent des troubles de la perception des couleurs, le daltonisme en étant la forme la plus courante. Ayant pour ambition d’être accessible à tous·tes, chaque palette créée doit passer les tests de simulation de déficiences visuelles et respecter les ratios de contraste.

Notre approche. Idéalement, la lecture des données ne doit pas reposer uniquement sur la teinte : on peut utiliser des libellés directs, une iconographie distincte, un accès aux données source... Et quand des couleurs proches cohabitent dans un histogramme empilé ou un camembert, un liseré blanc (ou noir) entre les segments suffit souvent à rétablir une meilleure lisibilité.

✏️ Ce qu’il fallait retenir

• N’oubliez pas d’inclure un chapitre dataviz dans vos chartes graphiques (ou appelez-nous pour les créer ;)). Des palettes de couleurs et des types de graphiques pensés pour les données en amont, ce sont des semaines de travail économisées en aval.

• La couleur en dataviz, c’est un système, pas une liste à la Prévert. Type de données, nombre de modalités, interactions, accessibilité : tout doit constituer un ensemble cohérent et activable.

• On ne peut pas être parfait·e sur tous les axes face à toutes ces contraintes : il faudra faire des choix, les assumer et les documenter pour la suite.

Merci à nos partenaires sur ce projet : GoToAndBuzz (développement) et Pauline Osmont (design)
 

POUR ALLER ENCORE PLUS LOIN

✍️ Un article du blog de Datawrapper sur l’utilisation des couleurs en dataviz
🎨 Viz palette, un outil pour gérer l’accessibilité des couleurs en dataviz

EXPLORER

Vous voulez vous inspirer
ou vous former ?

Dataviz Index accueille les contenus de toutes nos newsletters
explorables par thèmes ou formats et même via un moteur de recherche.
C’est ici 👇

Les ressources du mois

🎮 Pour les fans de jeux vidéo. Le site HushCrasher compile des données du secteur du jeu vidéo (notamment de Steam) et propose des analyses chiffrées et en graphiques de cette industrie complexe : évolution des budgets, typologie de jeux, analyse de prix par région du monde…

🗳️ Pour les féru·e·s de politique. Vous voulez connaître les résultats des élections à Prades depuis 20 ans et la typologie électorale de ses bureaux de vote ? Questionnez André (Analyseur Neuronal de Données Référentielles Électorales) - développé par Joël Gombin - et obtenez analyses et dataviz.

✍️ Pour designers (mais pas que). Des guides, articles et outils sur l’accessibilité, l’éco-conception, l’inclusion, l’approche systémique ou les dark patterns de vos interfaces web : c’est ce que proposent les Designers Éthiques dans le nouvel espace “Ressources” de leur site.

La viz de la fin

🎾 Pour finir, une dataviz que personne n’a vue venir. Devant vous, cinquante ans de finales à Wimbledon… et un gazon qui s’use différemment selon les périodes et les manières de jouer. Dans les années 1970-80, le service-volée ravage les abords du filet. Aujourd’hui, ce sont les lignes de fond qui s’effacent sous les échanges interminables du tennis moderne. Une heatmap naturelle qui dévoile l’évolution du tennis moderne.

Une date avant de se quitter

🌐 Outlier 2026, l’évènement organisé par Datavisualization society, sera 100% en ligne du 24 au 26 juin : des défis de visualisations, du réseautage et des projets à challenger.

WeDoData est un studio de datavisualisations, de design d’informations et de nouvelles narrations : wedodata.fr

Retrouvez-nous sur les réseaux sociaux :
Bluesky • Linkedin • Instagram

🪃 On vous a transféré cette newsletter ?
Abonnez-vous gratuitement

📪 Vous préférez lire cette newsletter en ligne
C’est par là

📡 Vous ne jurez que par un bon vieux flux RSS
Le voici 

👋 Vous voulez déjà nous quitter ?
Désabonnez-vous par ici