Les graphiques permettent de résumer de manière graphiques des données statistiques qualitatives et quantitatives et de mettre en avant les liens entre les données.

Contextes d’utilisation

Les graphiques peuvent être utilisés dans différents contextes :

• un CRUD

• un widget (une documentation spécifique aux widget est consultable ici : Tableau de bord et widgets)

Types de graphique

Le choix du type de graphique utilisé est important, car il détermine la qualité de restitution des données. Actuellement, les types de graphiques sont les suivants :

Le type de graphique est défini en fonction de ce qu’on veut montrer à l’utilisateur. :

Usage	Type de graphique	Illustration

Usage	Type de graphique	Illustration
Pour comparer des valeurs indépendantes	Histogramme	Open
Pour comparer les compositions de plusieurs valeurs	Histogramme empilé	Open
Pour comparer les valeurs d’un tout (composition, répartition)	https://divalto.atlassian.net/wiki/pages/createpage.action?spaceKey=DDS&title=Secteur%20%3A%20donut&linkCreation=true&fromPageId=10748231733
Pour montrer une évolution continue dans le temps	Courbes
	Histogramme ou histogramme empilé
Pour comparer / analyser des données plus complexse (montrer une évolution de valeurs dans le temps et indiquer une moyenne, un min, un max, …)	Graphique combiné (courbe / histogramme)

FAQ

Quelles sont les bonnes pratiques pour la légende ?

• Afficher les libellés plutôt que les codes, sauf s’il est plus pertinent d'afficher les codes.

• Labels de donnée : ne pas afficher la donnée chiffrée entre parenthèse dans la légende. Laisser cette info au survol du graphique.

Quelles sont les bonnes pratiques concernant les couleurs du graphique ?

• Utiliser les couleurs de la charte

• Garder un maximum de cohérence au niveau des couleurs d’une vue à l’autre.

Tooltip

Au hover, la tooltip indique des informations supplémentaires.

L’intégrateur peut personnaliser les infos qui y figureront. Exemples :

• le type de segment / la légende

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

• le pourcentage

• La valeur doit s’afficher au survol sur la partie graphique

Actions au clic

Au clic, possibilité pour l’utilisateur de naviguer vers l'élément pour consulter plus d’informations