owid / owid-grapher

A platform for creating interactive data visualizations
https://ourworldindata.org
MIT License
1.36k stars 227 forks source link

Chart annotations can be difficult to read #3507

Open sophiamersmann opened 3 months ago

sophiamersmann commented 3 months ago

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

danyx23 commented 2 months ago

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