Score values sometimes difficult to read in data-viz tooltips #40
Labels
bug
Something isn't working
data viz
Related to any of the D3 data visualization elements
priority: low
region rank chart
Related to the bar chart that shows a region's score relative to all other regions
scores globe
Related to the global scores map that is shown on the global scores page
Tooltips are used to show the scores for a given region in both the rank bar chart (on the region scores page) and the scores globe (on the global scores page). The score value is shown against a background that has the corresponding colour for the score:
When these score colours are dark, the score is difficult to read:
The text with the score value should switch between light/dark text dynamically, depending on the background colour. See for example "How to decide font color in white or black depending on background color?" and "Dynamically changing the text color based on background color contrast with vanilla JS"
The text was updated successfully, but these errors were encountered: