Les graphiques doivent permettre de représenter des données de manière visuelle. Le choix du type de widget graphique est particulièrement important, car c’est le type de widget qui permet de restituer la donnée de la manière la plus lisible possible pour l’utilisateur.
La liste des widgets disponibles actuellement est disponible ici : ….
Cette liste de composant n’est pas exaustive. Dans le cas où les capacités disponibles ne répondent pas totalement à vos besoins, il est possible de voir avec l’équiper UX et plateforme One, ce qu’il est possible de faire (mise à disposition d’un nouveau composant, évolution d’un composant existant).
Informations transverses (cross graphique)
Titre
Ne pas mentionner le type de graphique : ex : “camembert”, “graphique”
Eviter les abréviation, sauf les abréviations génériques
Légende
afficher les libellés et non les codes sauf si afficher les codes est plus pertinent : Code en légende vs libellé ?
Donnée entre parenthèse dans la légende ?
Hover
La valeur doit s’afficher au rollover sur la partie graphique
Donnée temporelle entre parenthèse dans le titre (temporaire)
Donut
Peut être utilisé pour représenter une répartition de données par rapport à un total en pourcentage, en montant ou en nombre par exemple.
exemple
exemple
Si le donut n’est pas utilisé par rapport à un total, la représentation graphique ne pourra pas être juste.
Ne peut pas être utilisé pour représenter :
un top 5 ou un top 10
Pie chart
est-ce qu’on a cette capacité de créer des pie chart ? (voir avec plateforme - Lisa)
On pousse plutôt l’usage du Donut côté UX
Histogramme
Peut être utilisé pour représenter une évolution d’atteinte d’objectif dans le temps. La temporalité peut être paramétré en fonction du besoin (année civile, 12 mois glissants, semaine courante, 7 jours glissants, etc).
Exemple 1
Exemple 2
Line chart
Peut être utilisé pour représenter une évolution d’atteinte d’objectif dans le temps. La temporalité peut être paramétré en fonction du besoin (année civile, 12 mois glissants, semaine courante, 7 jours glissants, etc).
Exemple 1
Exemple 2
Line / Bar chart combiné
Peut être utilisé pour représenter une évolution d’atteinte d’objectif dans le temps. La temporalité peut être paramétré en fonction du besoin (année civile, 12 mois glissants, semaine courante, 7 jours glissants, etc).
Permet de voir l’atteinte des résultats par rapport à un objectif, une moyenne, une donnée spécifique (stock disponible par exemple).
Exemple 1
Exemple 2
Radar chart
Peut être utilisé pour représenter une atteinte de résultat à un instant T par rapport à plusieurs critères fixé.
L'échelle peut être fixée librement mais doit restée cohérante.
Notes qualité fournisseur ou client
Exemple 2
