The graphs on the usage statistics pages use colors that are almost the same as each other so they are hard to tell apart. Also, the legend shows two colors next to each label, the border and the fill of the rectangle. This makes it hard to tell which label goes with which area in the graph.
Sort the versions with semantic versions at the top (leaving N.x-X.x at the bottom), older versions to the bottom.
Sort the legend in the same order as the graph.
Have a solid color rectangle next to each label in the legend (instead of a rectangle with a different border and fill color).
Use different colors for each item instead of different shades of the same color.
Implement.
Graphs become much easier to read.
None.
None.
Comments
Comment #2
fjgarlin commentedColors are definted here: https://git.drupalcode.org/project/drupalorg/-/blob/1.0.x/src/Controller... (note that it depends on how many different elements are in the graph, eg: https://new.drupal.org/project/usage/drupal).
We are using a color palette related to the site colors.
Re sorting, we are using PHP's version_compare (https://www.php.net/manual/en/function.version-compare.php) function.
Note that we have the "Hide legacy data" button that hides legacy versions and produces something like this https://new.drupal.org/project/usage/7404?weeks_ago=7&show_all=0#project...