# Pro - Horizontal Bar Chart au lieu de Donuts
**URL:** https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666
**Category:** Idées & Suggestions pour Moning ✨
**Created:** [Mai 8, 2021, 3:55 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666 "2021-05-08T15:55:06Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@denis.truffaut](https://communaute.moning.co/u/denis.truffaut)
#### Post date: [Mai 8, 2021, 3:55 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/1 "2021-05-08T15:55:06Z")
# Problème
1. Lorsque l’on commence à stacker des actions, la scalabilité des donut graphs s’effondre et ces derniers deviennent illisibles, les parts, pourcentages et couleurs ayant visuellement tendance à se rapprocher voir à se chevaucher. On obtient un effet « CD-ROM ».
Exemple avec 115 actions
1. Le fait d’utiliser une couleur différente rend les choses encore plus confuses car les couleurs sont tellement proches qu’au final cette information n’importe rien à un utilisateur valide, et encore moins à un utilisateur ayant une déficience visuelle (ex: daltonien).
2. Le fait de mettre un pourcentage par dessus la couleur achève de rendre ce graphe illisible, car quelle que soit la couleur employée, certains seront de facto d’une couleur quasi-identique au fond.
3. A un certain point, les pourcentages ne veulent plus rien dire, car les pourcentages sont tronqués (quelle différence entre 1% et 1% ?). Il faut afficher à minima les chiffres bruts, et pourquoi pas les pourcentages mais ca doit rester la cerise sur le gâteau. Le chiffre brut compte davantage.
# Proposition
Utiliser des bar charts horizontaux, à couleur unique, ayant la capacité de grandir avec la hauteur de page, qui est un élément naturel de scalabilité sur le web.
> **[Horizontal Bar Chart | Chart.js](https://www.chartjs.org/docs/latest/samples/bar/horizontal.html)**
>
> Open source HTML5 Charts for your website
# Bonus
Il est possible d’ajouter, dans cette configuration, une comparaison avec l’année N-1. On aurait donc 2 séries représentées, l’année N et l’année N-1.
---
### Author:  [@denis.truffaut](https://communaute.moning.co/u/denis.truffaut)
#### Post date: [Juillet 12, 2021, 9:45 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/2 "2021-07-12T21:45:44Z")
Up pour le Vote
---
### Author:  [@denis.truffaut](https://communaute.moning.co/u/denis.truffaut)
#### Post date: [Juillet 14, 2021, 9:36 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/3 "2021-07-14T21:36:07Z")
Quand tu essayes de lire un graphe Moning avec 150 actions.
La réalité :
Ce que tu vois :
---
### Author:  [@m.j](https://communaute.moning.co/u/m.j)
#### Post date: [Juillet 14, 2021, 9:44 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/4 "2021-07-14T21:44:35Z")
A voté, très malin le coup du CD 😁
#Denislamalice 😉
[![]( " - YouTube") ](https://www.youtube.com/watch?v=YtwB_WizNPE)
---
### Author:  [@nicolas.blanco](https://communaute.moning.co/u/nicolas.blanco)
#### Post date: [Juillet 15, 2021, 12:46 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/5 "2021-07-15T00:46:14Z")
Effectivement le coup du CD… mais bon en meme temps j’avais pas prevu que des ptits moningos allaient faire des portfolios avec 150 actions dedans hihihi 😃
---
### Author:  [@john.orion](https://communaute.moning.co/u/john.orion)
#### Post date: [Juillet 15, 2021, 9:40 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/6 "2021-07-15T09:40:32Z")
Au vu de mon nombre d’action effectivement je n’ai pas ce problème 😁
Mais c’est une bonne idée 👍
---
### Author:  [@denis.truffaut](https://communaute.moning.co/u/denis.truffaut)
#### Post date: [Juillet 15, 2021, 9:34 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/7 "2021-07-15T21:34:23Z")
10 Votes ! 🤩
–
Quand tu demandes à Moning de te sortir les statistiques :
---
### Author:  [@pat.leo](https://communaute.moning.co/u/pat.leo)
#### Post date: [Juillet 17, 2021, 8:18 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/8 "2021-07-17T08:18:53Z")
Hello, pas mal comme idée. Personnellement, je suis daltonien (au max) j’ai parfois du mal avec les donuts. Les barres ça serait sympa. Bon week à tous
---
### Author:  [@denis.truffaut](https://communaute.moning.co/u/denis.truffaut)
#### Post date: [Juillet 18, 2021, 11:25 UTC](https://communaute.moning.co/t/pro-horizontal-bar-chart-au-lieu-de-donuts/1666/9 "2021-07-18T11:25:08Z")
C’est une excellente raison !
L’accessibilité est de surcroit une obligation légale depuis quelques années.
> **[Obligations d’accessibilité numérique - RGAA](https://www.numerique.gouv.fr/publications/rgaa-accessibilite/obligations/)**
>
> Sommaire Notion d’accessibilité numérique Rappel du champ d’application Contenus concernés Contenus exemptés Norme de référence et niveau de conformité Dérogation pour charge disproportionnée Évaluation de la conformité à la norme de référence Cadre...
En France Moning serait exempté à raison de son orientation commerciale, des graphes, et de la charge disproportionnée à rendre tout le site accessible VS ses revenus.
En revanche aux US, Moning aurait probablement une obligation d’accessibilité, comme le démontre l’affaire Domino’s Pizza :
> **[Supreme Court hands victory to blind man who sued Domino's over site...](https://www.cnbc.com/2019/10/07/dominos-supreme-court.html)**
>
> The Supreme Court denied a petition from pizza giant Domino's on Monday to hear whether its website is required to be accessible to the disabled, a loss for the company.
–
Pour aider à gérer ces perceptions de couleurs, il existe des outils built-uin dans Chrome Dev Tools afin d’émuler la compatibilité avec toutes les formes de vision.
