Comparaison de pages

Le donut est utilisé pour montrer une répartition par rapport à un total. Il permet de représenter un découpage de segments. La somme totale de tous les segments équivaut à l’addition de tous les segment.

Anatomie

...

1. Titre

2. Graphique

3. Etiquette de donnée au premier plan (facultatif)

4. Tooltip au hover

5. Donnée centrale

6. Légende

Usage

Peut être utilisé pour représenter une répartition de données par rapport à un total en pourcentage, en montant, en nombre, en catégories par exemples.

• Légende

La légende est obligatoire. Elle indique le détail des segments

• Hover Etiquette de donnée au premier plan (facultatif)

L’indication de donnée au premier plan n’est pas obligatoire mais si elle permet à l’utilisateur de mieux comprendre le donut, alors elle peut être utilisée. Elle ne doit pas surcharger la lecture au premier niveau du graphique. Des informations supplémentaires peuvent être indiquées dans le tooltips (voir ci-dessous).

• Tooltip au hover : pousser des informations au second plan

Le Au hover, la tooltip permet d’indiquer des informations supplémentaires à l’utilisateur.

L’intégrateur a la possibilité de peut personnaliser les infos qui y figureront. Bonne pratique Exemples :

• indiquer l'étiquette de donnéele type de segment / la légende

• la donnée chiffrée + son unité

• le pourcentage

• Données au premier plan (facultatif)

L’indication de donnée au premier plan n’est pas obligatoire mais si elle permet à l’utilisateur de mieux comprendre le donut, alors elle peut être indiquée.

• Centre du graphique

• Donnée centrale

Le centre du graphique peut indiquer des données complémentaires contextuelles à l’utilisateur.la somme des segments.

• Légende

La légende est obligatoire. Elle indique le détail des segments

Bonnes pratiques

• S’assurer que la somme des segments atteigne un nombre total.

• Comparer maximum 7/8 catégories par série de données. S’il y en a plus utiliser un graphique à barres à la place.

...