Graphique à colonnes

Les graphiques à colonnes, ou diagrammes à barres, sont très polyvalents. Ils sont utilisés pour montrer des changements au fil du temps, pour comparer différentes catégories ou comparer les parties d’un tout.

Liste de contrôle pour les graphiques à colonnes

Quelle variation est la meilleure option?

Qu’entend-on par variation?

• Vertical

• Horizontal

• Barre empilées et barre empilées à 100%

Comment choisir la bonne variation?

Vertical (Graphique à colonnes)

Open

Utilisé principalement pour afficher des données chronologiques.

Horizontal

Open

Utilisé principalement pour les données avec de long nom de catégorie.

Barre empilées et barre empilées à 100%

À utiliser de préférence quand il est nécessaire de comparer plusieurs relations entre les parties et le tout. Ceux-ci peuvent utiliser des données discrètes ou continues, orientées soit verticalement ou horizontalement.

Préférer les libellés horizontaux à l’orientation diagonale ou verticale

Qu’entend-on par libellés horizontaux, diagonales et verticales

• Un libellé horizontal se lit dans le sens de lecture de la langue.

• Un libellé vertical se lit de bas en haut.

• Un libellé diagonal se lit de l’extrémité gauche en bas, à l’extrémité droite en haut.

Comment utiliser le libellé horizontal

Le libellé à l’horizontal est plus lisible, mais parfois l’espace du libellé est insuffisant pour être affiché en totalité. Il est possible : 

• D’abréger le libellé, en offrant la version intégrale au lecteur d’écran et au survol.

• D’ajouter une légende qui permet de faire une référence entre la colonne du graphique et le libellé de la légende. Attention, ne pas utiliser que la couleur pour faire cette liaison.

Pourquoi utiliser des libellés horizontaux

Évitez l'orientation diagonale ou verticale des libellés, car ces orientations rendent la lecture difficile.

Exemple

Légende : Le premier graphique affiche les libellés orientés verticalement; le second graphique affiche les libellés horizontalement.

Les barres ne doivent pas être trop éloignées

Qu’entend-on par les barres ne doivent pas être trop éloignées

Prévoir un espace qui n’est ni trop éloigné, ni trop rapproché entre les barres.

Comment ne pas trop éloignées les barres

Préférablement, l’espace ferait environ la moitié de la largeur des barres.

Largeur de la barre / 2 = espacement entre les barres

Par exemple : si la largeur de la barre a été définie à 20 pixels, la l’espacement entre les barres devrait être de 10 pixels.

Pourquoi  ne pas trop éloignées les barres

Facilite la comparaison entre les colonnes, permet aussi une visualisation plus précise des différences entre les valeurs.

Exemple

Légende : Les colonnes du premier graphique sont très éloignées; Les colonnes du second graphique sont espacées d'un demi espace de la colonne.

Éviter d’utiliser une valeur de l’axe Y au-dessus de 0

Qu’entend-on par une valeur de l’axe Y au dessus de 0

Il pourrait être tentant d’utiliser une valeur de l’axe Y au-dessus de 0 pour accentuer une variation, mettre l’emphase sur une petite plage de valeur ou mettre en évidence une tendance, mais il est toujours préférable de commencer la valeur de l’axe Y à 0.

Pourquoi éviter une valeur de l’axe Y au dessus de 0

Si l'axe y ne commence pas à zéro et que la première valeur affichée est éloignée de zéro, cela peut entraîner une distorsion visuelle significative. Les différences entre les hauteurs des colonnes peuvent sembler plus grandes ou plus petites qu'elles ne le sont en réalité, ce qui peut conduire à une interprétation incorrecte des données.

Exemple

Légende : Le premier graphique à un axe Y commençant par 40%; le second graphique à un axe Y commençant par 0.

Utiliser des couleurs cohérentes

Qu’entend-on par des couleurs cohérentes

La palette de couleurs utilisée suit un schéma ou une logique préétablie pour représenter différentes catégories ou séries de données de manière uniforme et compréhensible. 

Comment utiliser des couleurs cohérentes

Prévoir une palette de couleurs logique, avec un contraste suffisant.

Son utilisation doit être consistante tout au long du graphique. Par exemple, une couleur d’accent est utilisée pour mettre en évidence un point important dans les données. Toutes les autres colonnes ont la même couleur. Cette couleur d’accent est visible aussi pour les personnes qui ne peuvent pas distinguer les différences entre certaines couleurs.

Pourquoi utiliser des couleurs cohérentes

Aide à la simplicité, à la clarté et à la lisibilité de la visualisation des données. Aussi, l’utilisateur n’a pas à faire de distinction entre les couleurs pour comprendre le message véhiculé par le graphique.

Exemple

Légende : Le premier graphique utilise une palette de couleurs non uniforme; le second graphique met l'emphase sur la seconde colonne. Les autres colonnes sont de la même couleur.

Trier les données adéquatement

Qu’entend-on par trier les données adéquatement

Organiser les éléments d'un ensemble de données d'une manière qui facilite l'analyse, la compréhension et l'interprétation.

Comment trier les données adéquatement

Ordonnez les catégories par : 

• ordre alphabétique;

• ordre croissant ou décroissant

• en séquence;

• ou par valeur.

Pourquoi trier les données adéquatement est important?

Un tri approprié permet de présenter les données de manière ordonnée, ce qui facilite l’analyse du graphique, améliore sa lisibilité et la mise en évidence de tendances.

Exemple

Légende : Le premier graphique n’a pas d’ordre logique dans l’affichage des catégories; le second graphique est affiché en ordre alphabétique.