Catégories
Oraux

Graphiques : le mode d'emploi en 5 points

Le nombre de graphiques laids qu’on peut voir dans les présentations étudiantes est impressionnant. Pourtant, en respectant quelques règles simples, on peut faire des schémas plus esthétiques et plus compréhensibles sans effort. Petit tour d’horizon dans cet article.

Avant de commencer : vous pourrez trouver l’article original sur le site HackerSpace (site membre du réseau LifeHacker). Tous les graphiques de cet article appartiennent à l’auteur de l’article anglophone. Cet article a été entièrement réécrit à partir des bases de l’article anglophone.

1. Ne négligez pas les légendes du graphique

Ce qui vous paraît évident ne l’est pas. Donnez donc un titre à vos graphiques, mais aussi à vos axes, à vos courbes, à vos barres. Dites à quoi correspondent les chiffres, ne les faites pas sortir de nulle part. Ne donnez pas pour titre « nombre de vues total vs. nombre de vues uniques » : si vos courbes ont bien été nommées, vous n’avez pas besoin de ça. Tournez-vous donc plutôt vers l’objet étudié dans votre graphique pour lui donner un titre : « Popularité de l’article Machin ».

mauvais-graphique
Un exemple de mauvais graphique

Le graphique ci-dessus a déjà quelques bons côtés : des couleurs reconnaissables (on en parlera plus tard), un titre qui exprime bien le fait que l’article se penche sur la popularité de l’Open Thread de l’été (un article de leur site). D’un autre côté, pas de légende donnée aux axes, des étiquettes qui cachent une partie des courbes, et on n’a aucun repère pour l’axe horizontal ; on se doute que ce sont des dates, mais lesquelles ?

graphique-corrigé
Le même graphique, en mieux.

Sur ce graphique-ci, les axes sont bien nommés, les dates claires, les courbes ne sont pas cachées et restent compréhensible grâce à la légende en haut à droite (bien placée là où elle ne dérange pas !).

2. Choisissez vos unités du graphique avec soin

Le haut de la courbe devrait s’approcher du haut du graphique. Si ce n’est pas le cas, premièrement, on va largement sous-évaluer le nombre d’éléments étudiés, comme on peut le voir ci-dessous sur les deux graphiques comparés, mais en plus on passe à côté de variations pourtant importantes.

5 Rules For Making Graphs
Mauvais graphique : la courbe est concentrée en bas du tableau, on rate les variations et les chiffres sont décourageants.
5 Rules For Making Graphs
Le même graphique, avec une seule modification : le haut de la courbe correspond au haut du graphique. C’est mieux, non ?

3. Choisissez bien vos couleurs

Il existe trois façons différentes de mettre de la couleur dans vos graphiques (et ça, c’est si vous tenez absolument à vous éloigner des templates Microsoft Excel, pourtant pas trop mauvais là-dessus).

5 Rules For Making Graphs
Trois palettes de couleur.

Le graphique peut être colorisé de façon séquentielle, c’est-à-dire que tout sera de la même famille de couleurs, mais sur différents tons. Un exemple : le bleu, sur le graphique ci-dessus, ou un graphique qui irait du rouge très pâle au bordeaux. Conseillé si certaines données sont plus importantes que d’autres en fonction de leur valeur.

Il peut aussi être divergent : dans ce cas, on part d’une couleur « neutre de base », comme le blanc, le beige ou le gris, et toute variation positive ira vers une couleur, négative vers une autre. Sur le graphique ci-dessus, on part donc sur un schéma bleu-blanc-rouge (héhé). À l’intérieur des deux couleurs de variation, on utilisera des nuances séquentielles. Utile quand on cherche à vérifier les variations et qu’on a une valeur de référence, « neutre ».

Enfin, la palette de couleurs peut être qualitative, et dans ce cas, vous êtes libre de faire ce que vous voulez de vos couleurs. Tout ce qu’il faut, c’est qu’on ne les confonde pas.

4. Adaptez-vous aux lecteurs du graphique

L’auteur original de l’article explique qu’il est fan de xkcd, d’où le design de ses graphiques aux lignes épaisses et pas tout à fait droites. Beaucoup de lecteurs de HackerSpace lisent également le site xkcd (et on ne saurait que trop vous le conseiller).

5 Rules For Making Graphs
Un graphique qui plaît à l’audience de HackerSpace.

Manque de chance, un certain nombre d’académiciens, vos professeurs les premiers, et de professionnels, à commencer par votre patron, ne sont pas particulièrement fous de ce genre de design : sachez donc vous adapter et proposer exactement le même graphique, mais avec une mise en page plus « correcte » !

5 Rules For Making Graphs
Le même graphique, version académique.

5. Utilisez le bon graphique

Ceci est faux : chaque point est indépendant du suivant, on ne doit donc pas les relier. Pour une meilleure lisibilité, on adoptera donc une vision en barres.

5 Rules For Making Graphs
Beurk. Pas bien. Caca.

Là, c’est mieux :

5 Rules For Making Graphs
Oh oui dites donc, c’est beaucoup mieux.

Et enfin, ne sous-estimez pas le pouvoir du camembert, surtout s’il ne compare que deux données. Et même s’il en compare plus : si la proportion de chaque partie du tout est bien visible sur un graphique en camembert, adoptez-le.

5 Rules For Making Graphs
Est-ce que c’est du Comic Sans MS ? Je crois que c’est du Comic Sans MS. J’abandonne.

Par Lexane Sirac

J'ai grandi au Québec puis à Grenoble. Après avoir obtenu mon bac à 15 ans, j'ai arrêté mes études pour faire du sport à haut niveau jusqu'à ce qu'une blessure me renvoie sur les bancs de l'école. J'ai fondé Réussir Mes Études en janvier 2012, avant d'intégrer l'emlyon et de décider de faire de l'écriture mon métier.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *