1. Accueil  
  2. Design  
  3. Modèles  
  4. Visualisation de données  
  5. Types de graphiques  
  6. Graphique circulaire

Graphique circulaire

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 : 6 novembre 2023

Évaluation de page

L’information sur cette page vous a-t-elle été utile?
Avis général

Des questions ou besoin de renseignements?

Communiquez avec Services Québec