{"id":425,"date":"2026-10-17T21:52:11","date_gmt":"2026-10-17T20:52:11","guid":{"rendered":"https:\/\/foldline.studio\/blog\/?p=425"},"modified":"2026-10-17T21:52:11","modified_gmt":"2026-10-17T20:52:11","slug":"infographie-donnees-lisibles","status":"publish","type":"post","link":"https:\/\/foldline.studio\/blog\/infographie-donnees-lisibles\/","title":{"rendered":"Infographie\u00a0: montrer les donn\u00e9es sans exag\u00e9rer ce qu\u2019elles disent"},"content":{"rendered":"

Une infographie de donn\u00e9es doit aider \u00e0 r\u00e9pondre \u00e0 une question. Comparer deux valeurs, montrer une \u00e9volution et expliquer une r\u00e9partition sont trois t\u00e2ches diff\u00e9rentes. Choisir un beau graphique avant de d\u00e9finir la t\u00e2che peut produire un visuel spectaculaire qui complique la compr\u00e9hension.<\/p>\n

Pr\u00e9parez d\u2019abord les donn\u00e9es, l\u2019unit\u00e9 et le message. La mise en forme doit permettre de v\u00e9rifier ce message, y compris lorsqu\u2019il est moins impressionnant qu\u2019une premi\u00e8re lecture.<\/p>\n

Formuler une question, puis choisir les donn\u00e9es<\/h2>\n

\u00c9crivez ce que le lecteur doit comprendre en une phrase : quelle cat\u00e9gorie est la plus repr\u00e9sent\u00e9e ? Comment un indicateur \u00e9volue-t-il ? O\u00f9 se situe un groupe par rapport aux autres ?<\/p>\n

V\u00e9rifiez les p\u00e9riodes, les d\u00e9finitions et les p\u00e9rim\u00e8tres. Deux pourcentages ne sont pas directement comparables s\u2019ils reposent sur des bases diff\u00e9rentes. Indiquez les valeurs manquantes et les changements de m\u00e9thode utiles \u00e0 l\u2019interpr\u00e9tation.<\/p>\n

Si la source est provisoire, le visuel doit le signaler. Une mise en page tr\u00e8s aboutie peut donner \u00e0 tort l\u2019impression que toutes les donn\u00e9es sont d\u00e9finitives.<\/p>\n

Choisir une forme selon la comparaison<\/h2>\n
\n\n\n\n\n\n\n\n\n\n
Besoin<\/th>\nForme \u00e0 \u00e9tudier<\/th>\nPoint de contr\u00f4le<\/th>\n<\/tr>\n<\/thead>\n
Comparer des cat\u00e9gories<\/td>\nBarres ou points<\/td>\nM\u00eame unit\u00e9 et ordre explicite<\/td>\n<\/tr>\n
Montrer une \u00e9volution<\/td>\nCourbe ou colonnes selon le cas<\/td>\nIntervalles de temps coh\u00e9rents<\/td>\n<\/tr>\n
Montrer des parts d\u2019un total<\/td>\nComposition adapt\u00e9e au nombre de parts<\/td>\nBase et total clairement d\u00e9finis<\/td>\n<\/tr>\n
Montrer des \u00e9tapes<\/td>\nSch\u00e9ma de processus<\/td>\nOrdre et bifurcations compr\u00e9hensibles<\/td>\n<\/tr>\n
Donner des valeurs \u00e0 retrouver<\/td>\nTableau<\/td>\nLibell\u00e9s et unit\u00e9s accessibles<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

Une infographie peut contenir plusieurs formes, mais chacune doit avoir une fonction. Multiplier les graphiques pour remplir la page cr\u00e9e souvent une lecture plus lente.<\/p>\n

Utiliser des \u00e9chelles qui respectent le message<\/h2>\n

Pour un graphique en barres, la longueur repr\u00e9sente la valeur. Le guide de l\u2019Office for National Statistics<\/a> recommande de faire partir l\u2019axe de z\u00e9ro pour pr\u00e9server cette comparaison.<\/p>\n

Cette r\u00e8gle ne signifie pas que tous les graphiques doivent utiliser exactement la m\u00eame \u00e9chelle. Pour d\u2019autres repr\u00e9sentations, le choix d\u00e9pend du message et doit rester visible. Un changement d\u2019\u00e9chelle entre deux petits graphiques peut rendre leur comparaison trompeuse s\u2019il passe inaper\u00e7u.<\/p>\n

\u00c9vitez \u00e9galement les effets de volume qui modifient la perception des tailles sans ajouter d\u2019information.<\/p>\n

Exemple p\u00e9dagogique : vingt points ou cinquante pour cent ?<\/h2>\n

Prenons deux valeurs fictives : un taux de 40 % et un taux de 60 %. L\u2019\u00e9cart est de vingt points de pourcentage. Par rapport \u00e0 40 %, l\u2019augmentation relative est de 50 %.<\/p>\n

Les deux formulations d\u00e9crivent des calculs diff\u00e9rents. Un visuel doit choisir celle qui r\u00e9pond \u00e0 la question et nommer correctement l\u2019unit\u00e9. Afficher simplement \u00ab +20 % \u00bb ne d\u00e9crit pas avec pr\u00e9cision le passage de 40 % \u00e0 60 %.<\/p>\n

Dans une comparaison en barres, utilisez la m\u00eame \u00e9chelle, indiquez les valeurs et ajoutez la base du calcul. Le titre peut ensuite r\u00e9sumer le constat sans cacher la m\u00e9thode.<\/p>\n

Faire travailler les textes et la couleur<\/h2>\n

Le titre annonce le sujet ou le constat justifi\u00e9. Le sous-titre pr\u00e9cise la p\u00e9riode et le p\u00e9rim\u00e8tre. Une note de source permet de retrouver la donn\u00e9e.<\/p>\n

La couleur peut attirer l\u2019attention sur une s\u00e9rie ou une valeur. Elle doit \u00eatre accompagn\u00e9e de libell\u00e9s et d\u2019autres rep\u00e8res lorsque la distinction est essentielle. Une personne qui ne distingue pas deux teintes doit pouvoir comprendre le graphique.<\/p>\n

La charte graphique<\/a> guide la palette, mais la lisibilit\u00e9 des donn\u00e9es passe avant l\u2019usage syst\u00e9matique de toutes les couleurs de marque.<\/p>\n

Pr\u00e9parer la lecture sur le support final<\/h2>\n

Testez le visuel \u00e0 sa taille d\u2019affichage mobile et dans son \u00e9ventuelle version imprim\u00e9e. Les sources, unit\u00e9s et l\u00e9gendes doivent rester lisibles.<\/p>\n

Sur le web, accompagnez le graphique d\u2019un r\u00e9sum\u00e9 textuel et, lorsque c\u2019est pertinent, des donn\u00e9es sous une forme consultable. L\u2019image seule ne devrait pas \u00eatre l\u2019unique moyen d\u2019acc\u00e9der \u00e0 une information importante.<\/p>\n

Faites relire par une personne qui conna\u00eet les donn\u00e9es, puis par une personne qui d\u00e9couvre le sujet. La premi\u00e8re rep\u00e8re les erreurs de fond ; la seconde r\u00e9v\u00e8le les obstacles de compr\u00e9hension.<\/p>\n

Questions fr\u00e9quentes<\/h2>\n

Peut-on arrondir les valeurs pour all\u00e9ger le visuel ?<\/h3>\n

Oui si l\u2019arrondi reste coh\u00e9rent et ne change pas le sens. Pr\u00e9cisez-le lorsque les totaux ou les comparaisons risquent d\u2019en \u00eatre affect\u00e9s.<\/p>\n

Un chiffre isol\u00e9 peut-il constituer une infographie ?<\/h3>\n

Il peut servir de rep\u00e8re, mais il a besoin d\u2019une unit\u00e9, d\u2019un contexte et d\u2019une source. Sa taille typographique ne lui donne pas une signification suppl\u00e9mentaire.<\/p>\n

Apportez vos donn\u00e9es et la question \u00e0 expliquer pour construire une infographie utile et v\u00e9rifiable<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Une infographie de donn\u00e9es doit aider \u00e0 r\u00e9pondre \u00e0 une question. Comparer deux valeurs, montrer une \u00e9volution et expliquer une r\u00e9partition sont trois t\u00e2ches diff\u00e9rentes. Choisir un beau graphique avant de d\u00e9finir la t\u00e2che peut produire un visuel spectaculaire qui complique la compr\u00e9hension.<\/p>\n","protected":false},"author":1,"featured_media":426,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_fl_seo_title":"Infographie : montrer les donn\u00e9es sans les d\u00e9former | Foldline","_fl_seo_desc":"Transformez vos donn\u00e9es en infographie lisible : question, unit\u00e9, type de graphique, \u00e9chelle, annotations et contr\u00f4les avant diffusion.","_fl_noindex":false,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-425","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/posts\/425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/comments?post=425"}],"version-history":[{"count":1,"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/posts\/425\/revisions"}],"predecessor-version":[{"id":633,"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/posts\/425\/revisions\/633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/media\/426"}],"wp:attachment":[{"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/media?parent=425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/categories?post=425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/foldline.studio\/blog\/wp-json\/wp\/v2\/tags?post=425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}