Make a better UI for charts

[lusebille]

UI display of charts is not very good and hard to read ( several users told us about that) , user should read easily charts, and captions, so I think we should put effort on it

[manuhabitela]

👋

I agree!

• would be great to think about color contrast ratios. The best would be to ensure a ratio of 4.5:1 when showing text on colored parts. Here in the screenshots for example the almost-black + orange and white on green have good contrast if we are sure the text is large enough (the WCAG rule is 3:1 ratio in case of >24px text), but for now those texts can be rendered pretty small.
• Great thing now is each color are pretty contrasted between them, and each part has a label on top or next to it. If keeping that logic, I'd say adding a visible border between each part to ensure we always understand each part limit would be great. Like this for example (before/after):

• another way of making sure every part of the chart is understood would be to stop relying exclusively on colors, like this chart. In case of colors not contrasted enough next to each other, we ensure the difference can be understood anyway:

[lusebille]

I'm agree with your feebacks @manuhabitela even if I think the 'pattern' effect is visually hard to watch ( look like a optical illusion) so I prefer rework colors, but with got a topic about graph en Grist , @vviers do you think we change at least colors on the existing grahs ? (even we know we may should change graph library)