Le guide - Infographie & datavisualisation
Une donnée n'a de valeur quelorsqu'elle devient compréhensible.
Chaque organisation produit des données. Mais une donnée seule ne raconte rien. Un pourcentage, une évolution, un budget, un indicateur : sans contexte, ces informations restent abstraites.
L'infographie et la datavisualisation transforment ces données en histoires visuelles. Elles facilitent la compréhension, accélèrent la mémorisation et rendent les décisions plus lisibles. Ce guide présente les méthodes, les usages et les bonnes pratiques pour concevoir des visualisations utiles, pédagogiques et élégantes.
Expliquer, jamais décorer
Qu'est-ce que ladatavisualisation ?
La datavisualisation consiste à représenter visuellement une information afin d'en faciliter la compréhension. Son objectif n'est pas de décorer. Son objectif est d'expliquer. Une bonne visualisation répond toujours à une question.
Que veut-on montrer ?
- Une évolution ?
- Une comparaison ?
- Une répartition ?
- Une hiérarchie ?
- Une relation ?
Chaque besoin appelle une représentation différente.
| Année | Demandes traitées en ligne (%) |
|---|---|
| 2021 | 42 |
| 2022 | 55 |
| 2023 | 49 |
| 2024 | 71 |
| 2025 | 86 |
Le tableau
Exact mais muet : il faut lire chaque cellule et faire le calcul soi-même. Aucune tendance ne saute aux yeux.
Même donnée, quatre niveaux de lisibilité : le gain ne vient pas des chiffres, il vient de la forme qu'on leur donne.
Le cerveau est visuel
Pourquoi visualiserles données ?
Le cerveau traite une information visuelle beaucoup plus rapidement qu'un tableau de chiffres. La visualisation est particulièrement utile pour les rapports annuels, les bilans d'activité, les politiques publiques, les présentations stratégiques et les contenus pédagogiques.
Une infographie permet de
- Simplifier
- Comparer
- Hiérarchiser
- Raconter
- Convaincre
- Mémoriser
« Une infographie réussie ne montre pas plus de données. Elle montre les bonnes données. »
La galerie
Les différents typesde graphiques.
L'histogramme
Comparer des valeurs
La lecture la plus fiable : des hauteurs sur une base commune.
Limite : Peu adapté aux séries longues dans le temps.
À éviter : Ne jamais couper l'axe zéro.
La courbe
Montrer une évolution
La pente raconte la trajectoire d'un regard.
Limite : Illisible au-delà de trois ou quatre séries.
À éviter : Éviter les échelles qui dramatisent la pente.
Les secteurs
Montrer des parts d'un tout
Immédiat quand les parts sont peu nombreuses.
Limite : L'œil compare mal les angles au-delà de cinq parts.
À éviter : Bannir la 3D qui déforme les proportions.
La carte
Ancrer la donnée dans le territoire
Les contrastes géographiques sautent aux yeux.
Limite : Les grandes zones dominent visuellement.
À éviter : Distinguer valeur absolue et densité.
La chronologie
Raconter une suite d'événements
Le récit d'un projet ou d'une histoire en une ligne.
Limite : Pas faite pour des valeurs quantitatives.
À éviter : Espacer les jalons proportionnellement au temps réel.
Le diagramme de flux
Montrer des circulations
L'épaisseur du trait raconte le volume.
Limite : S'enchevêtre vite au-delà de quelques flux.
À éviter : Limiter les croisements de rubans.
Le treemap
Hiérarchie et proportions ensemble
Des dizaines de catégories restent lisibles.
Limite : Les surfaces se comparent moins bien que des hauteurs.
À éviter : Garder des libellés lisibles dans les petites cases.
Le radar
Comparer des profils multicritères
La forme globale se mémorise bien.
Limite : Les aires trompent : elles croissent au carré.
À éviter : Ne pas dépasser deux ou trois profils superposés.
Le nuage de points
Révéler une relation entre deux variables
La corrélation ou les cas isolés apparaissent d'eux-mêmes.
Limite : Demande un public un peu familier des données.
À éviter : Toujours nommer clairement les deux axes.
Le diagramme de Sankey
Suivre des transferts d'un état à un autre
Origine, destination et pertes en une image.
Limite : Exige un vrai travail d'ordonnancement.
À éviter : Limiter les étapes intermédiaires.
La heatmap
Repérer des intensités dans une grille
Les zones chaudes se voient instantanément.
Limite : Les valeurs précises se lisent mal.
À éviter : Choisir une échelle de couleurs perceptivement juste.
Les pictogrammes
Rendre un chiffre concret et humain
3 personnes sur 5 parlent plus que 60 %.
Limite : Peu précis, réservé aux ordres de grandeur.
À éviter : Ne jamais déformer la taille des pictos selon la valeur.
Le cœur de la page
Les 7 principes du designde l'information.
Hiérarchiser
Une donnée principale, des données secondaires : le visuel doit imposer l'ordre de lecture, pas le laisser au hasard.
Comparer
Un chiffre seul ne dit rien. 86 % ne prend sens que face aux 42 % d'il y a cinq ans, ou à la moyenne nationale.
Contextualiser
La source, la période, le périmètre, l'unité : sans contexte, la donnée la plus juste devient suspecte.
Simplifier
Retirer tout ce qui ne porte pas le message : grilles lourdes, ombres, effets. Chaque encre doit se justifier.
Guider
Annotations, flèches, couleur d'accent : le regard du lecteur se conduit, dès le titre jusqu'à la conclusion.
Contraster
La donnée clé se distingue du reste : une couleur pour l'essentiel, du gris pour le contexte.
Éditorialiser
Le titre affirme le message : « La démarche en ligne est devenue la norme » dit plus que « Évolution 2021-2025 ».
Bien avant le logiciel
La méthodede conception.
Le travail commence bien avant le logiciel de dessin : la moitié du métier se joue dans les données elles-mêmes.
Collecter
Rassembler les données à la source, avec leur périmètre et leur définition exacte. La qualité se joue ici.
Nettoyer
Doublons, trous, unités incohérentes : le travail invisible qui évite les erreurs visibles.
Analyser
Chercher ce que les données racontent : la tendance, l'écart, l'exception. Le message naît de l'analyse.
Sélectionner
Choisir les données qui portent le message, et accepter de laisser les autres. Montrer moins pour dire plus.
Structurer
Choisir la forme : le type de graphique découle de la question posée, jamais de la mode.
Dessiner
Palette, typographie, annotations : la donnée entre dans l'identité graphique. Le travail commence bien avant Illustrator.
Tester
Montrer à un lecteur neuf : comprend-il le message en dix secondes ? Sinon, on reprend.
Diffuser
Adapter au support : l'impression, l'écran, le mobile et la présentation n'ont pas les mêmes règles.
Éviter les pièges
Les erreursles plus fréquentes.
Trop de couleurs
Chaque couleur doit coder une information. Au-delà, la palette devient du bruit qui masque le message.
Le graphique inadapté
Un camembert pour une évolution, un radar pour deux valeurs : la forme contredit la question posée.
L'absence de contexte
Un chiffre sans source, sans période ni comparaison : impossible d'y accorder confiance.
Les axes trompeurs
Un axe coupé qui dramatise une variation minime : l'erreur qui ruine la crédibilité de tout le document.
Les pictogrammes décoratifs
Des icônes qui remplissent sans informer distraient du message au lieu de le servir.
L'accumulation de chiffres
Vouloir tout montrer, c'est ne rien faire comprendre. La sélection est le cœur du métier.
Les légendes invisibles
Une légende minuscule, loin du graphique : le lecteur fait des allers-retours et abandonne. Annoter directement.
Le manque d'accessibilité
Des couleurs indiscernables, des contrastes faibles, aucune alternative textuelle : une partie des lecteurs est exclue.
Partout où l'on informe
Les supports.
Une datavisualisation peut vivre partout : du rapport annuel au motion design, où les chiffres s'animent, en passant par votre site internet et les pages d'un magazine mises en forme par le design éditorial.
- Rapport annuel
- Magazine
- Site internet
- Application
- Exposition
- Signalétique
- Motion design
- Présentation
- Réseaux sociaux
Le sujet rarement traité
L'accessibilité.
Une visualisation inaccessible exclut une partie de ses lecteurs, souvent sans que personne ne s'en aperçoive. La checklist qui suit couvre les points essentiels à vérifier sur chaque projet.
Le choix des couleurs
Environ 8 % des hommes distinguent mal certaines couleurs : ne jamais coder une information par la seule couleur, doubler par la forme ou le libellé.
Les contrastes
Texte et données doivent rester lisibles sur leur fond, y compris en petites tailles : viser les ratios des référentiels d'accessibilité.
Les alternatives textuelles
Chaque visualisation numérique porte une description qui livre le message aux lecteurs d'écran, pas seulement le titre.
Les tailles minimales
Libellés, légendes, annotations : rien en dessous d'une taille lisible sans effort, à l'écran comme imprimé.
La version noir et blanc
Le document photocopié ou imprimé en niveaux de gris doit rester compréhensible : tester systématiquement.
La lecture mobile
Un graphique conçu pour l'écran large devient illisible sur téléphone : prévoir des versions simplifiées ou empilées.
La compatibilité impression
Couleurs qui tiennent en CMJN, traits assez épais, fonds pas trop chargés en encre : l'impression a ses lois.
Le moyen, pas la finalité
Les tendances.
Les tableaux de bord interactifs
La donnée qui se consulte plutôt qu'elle ne se subit : chacun explore le niveau de détail dont il a besoin.
Les visualisations temps réel
Des indicateurs branchés sur la donnée vivante : l'infographie devient un instrument de pilotage.
La datavisualisation narrative
Le scrollytelling : la donnée se dévoile au fil du récit, une idée à la fois, comme sur cette page.
Les cartographies interactives
Le territoire qui révèle ses données au survol, du national à la parcelle.
Les animations de données
La transition animée qui montre le passage d'un état à l'autre : le mouvement porte le sens.
L'IA comme aide à l'exploration
Détecter des motifs, tester des pistes, accélérer l'analyse : une aide précieuse, qui ne remplace ni le travail d'analyse ni la conception visuelle.
La boîte à outils décisionnelle
Le Data Lab :quel graphique choisir ?
Le type d'information, le public, le support, le niveau de détail : le Data Lab recommande le graphique le plus adapté, avec sa justification, les erreurs à éviter, des exemples et les règles d'accessibilité à respecter.
Parler le même langage
Le glossaire de ladatavisualisation.
- Datavisualisation
- La représentation visuelle de données pour en faciliter la compréhension : expliquer, jamais décorer.
- Histogramme
- Des barres sur une base commune : la forme de référence pour comparer des valeurs.
- Diagramme de Sankey
- Des rubans proportionnels aux volumes, pour raconter des flux et des transferts.
- Treemap
- Des rectangles imbriqués proportionnels aux valeurs : hiérarchie et poids en une image.
- Heatmap
- Une grille d'intensités colorées qui révèle les concentrations d'un regard.
- KPI
- L'indicateur clé de performance : la donnée choisie pour piloter, à mettre en scène avec soin.
- Tableau de bord
- L'ensemble organisé d'indicateurs qui donne l'état d'une activité en une lecture.
- Storytelling de données
- L'art de transformer des chiffres en récit : un début, un message, une conclusion.
- Design de l'information
- La discipline qui organise l'information pour la rendre compréhensible : le cadre général de ce guide.
- Visualisation
- Toute traduction graphique d'une information : graphique, carte, schéma, pictogramme.
Questions fréquentes
Vos questions,nos réponses.
- Quelle différence entre une infographie et un graphique ?
- Le graphique représente une série de données : c'est une brique. L'infographie assemble plusieurs briques (graphiques, chiffres clés, pictogrammes, textes) en un récit visuel éditorialisé, avec un titre qui affirme un message. Le graphique montre, l'infographie raconte.
- Comment choisir le bon type de visualisation ?
- En partant de la question posée, jamais de l'esthétique : une évolution appelle une courbe, une comparaison un histogramme, une répartition des secteurs ou des barres empilées, un flux un Sankey, une hiérarchie un treemap, une géographie une carte. Le Data Lab de cette page vous guide selon votre besoin précis.
- Une infographie est-elle adaptée à un rapport annuel ?
- C'est même l'un de ses terrains majeurs : le rapport annuel condense une année de données, et l'infographie transforme ces chiffres en messages mémorisables. Chiffres clés en ouverture, graphiques par chapitre, double page de synthèse visuelle : notre guide du rapport annuel détaille ces usages.
- Faut-il toujours utiliser des pictogrammes ?
- Non. Le pictogramme est puissant pour rendre un chiffre concret et humain, mais décoratif il parasite la lecture. La règle : un pictogramme doit coder une information. S'il ne fait qu'habiller, il se retire.
- Quels outils utiliser ?
- Les outils de conception graphique pour les infographies éditoriales, les bibliothèques de visualisation pour le web et l'interactif, les tableurs et outils de traitement pour préparer les données. Mais l'outil compte moins que la démarche : le choix du bon graphique et la hiérarchie de l'information se décident avant d'ouvrir un logiciel.
- Comment rendre une infographie accessible ?
- Ne jamais coder une information par la seule couleur, garantir les contrastes, prévoir des alternatives textuelles pour le numérique, tester la version noir et blanc et la lecture mobile, respecter des tailles minimales. La checklist de cette page couvre les points essentiels.
- Peut-on animer une datavisualisation ?
- Oui, et c'est souvent un gain de compréhension : un graphique qui se construit dans l'ordre du récit, une transition qui montre le passage d'un état à l'autre. À condition que le mouvement serve la lecture, jamais l'effet. C'est le territoire commun avec le motion design.
- Quel budget prévoir ?
- Une infographie éditoriale se situe généralement entre 800 et 3 000 euros selon la complexité des données et le niveau de création ; un système complet de datavisualisation pour un rapport annuel ou un site représente un investissement plus large, mutualisé sur l'ensemble des supports. Le travail de préparation des données pèse souvent autant que le design.
- Comment préparer les données ?
- En les livrant à la source, avec leur définition exacte, leur période, leur périmètre et leur unité. Les données nettoyées et documentées font gagner un temps précieux ; les données ambiguës se paient en allers-retours. Un simple tableur bien structuré suffit dans la majorité des cas.
- Pourquoi faire appel à un studio de design ?
- Parce que la datavisualisation croise trois métiers : l'analyse (faire dire juste), le design (faire voir clair) et l'éditorial (faire retenir). Un studio apporte ce regard croisé, l'intégration dans votre identité graphique et la déclinaison sur tous vos supports, du rapport imprimé à l'écran.
Et maintenant ?
Les données sont précieuses. Mais ellesn'ont d'impact que lorsqu'ellesdeviennent compréhensibles.