owid-grapher icon indicating copy to clipboard operation
owid-grapher copied to clipboard

Chart annotations can be difficult to read

Open sophiamersmann opened this issue 10 months ago • 1 comments

Description

In this chart, the annotation in the chart area is difficult to read because the lines are plotted on top of it

Expected behaviour

Marwa's suggestion: "Would it maybe be better to have the text as the 'front-most' element and add a thin white outline to it? Then if the user hovers on the line(s) that is overlapping with the text, it would be highlighted and brought to the the front?"

Steps to reproduce

  1. Go to https://ourworldindata.org/grapher/test-scores-ai-capabilities-relative-human-performance
  2. Note that it's difficult to read the zero-line annotation

Screenshots

Screenshot 2024-04-17 at 10 09 54

sophiamersmann avatar Apr 17 '24 10:04 sophiamersmann

Might go well to tackle this when adding group labels to svg for easier manipulation in Figma

danyx23 avatar May 15 '24 14:05 danyx23