Modèles
Graphique circulaire
Dans cette page :
Le graphique circulaire (ou en pointe de tarte) se compose d'un cercle divisé en secteurs, chacun représentant une proportion de la somme, toujours égale à 100 %.
Exemple
Quand l'utiliser
On emploie ce type de graphique pour illustrer la répartition, en pourcentage, des différents éléments qui composent un tout. Par exemple, une tranche d’âge par rapport à l’ensemble de la population.
Comment l'utiliser
Afin d’utiliser les graphiques circulaires correctement, il faut s’assurer de respecter les bonnes pratiques suivantes :
- Limiter le nombre de valeurs à deux ou trois;
- S’il y a plus de trois valeurs, regrouper visuellement des valeurs en deux ou trois groupes en utilisant des tons d’une même couleur pour chaque groupe;
- Utiliser une couleur d’accent pour faire ressortir la valeur la plus importante. Pour le reste des valeurs, utiliser des nuances d'une seule couleur, idéalement neutre;
- Placer les valeurs en ordre croissant ou décroissant en suivant le sens horaire;
- Choisir le graphique circulaire pour les données qui se rapprochent du quart (25 %, 50 % ou 75 %);
- Éviter de faire plusieurs graphiques circulaires pour les comparer;
- Éviter d’utiliser les graphiques circulaires en forme de beigne (avec le trou au centre).
Informations techniques
Les informations techniques communes à tous les graphiques se trouvent dans la fiche Réalisation de la visualisation de donnée.
Certaines informations techniques sont spécifiques aux graphiques circulaires.
Un espacement de 4 px sépare chaque pointe. Toutes les pointes ont le même rayon.
Chaque libellé est placé à l'extérieur du graphique circulaire, près de la pointe à laquelle il est rattaché. L’espacement entre les libellés et le graphique circulaire est variable, mais le résultat final doit avoir un équilibre visuel.
CSS des libellés
font-family: Open Sans;
font-size: 14px;
color: #6b778a;
Dernière mise à jour : 7 septembre 2023