Page MenuHomePhabricator

Make the colors used the line charts in Wikistats 2 more easy to recognize.
Closed, ResolvedPublic5 Estimated Story Points

Description

See example [1]

Two issues with the line charts coloring: the colors are quite dark, that works well in the legend but less so with the lines themselves. The purple line comes close to black. Even more so because the line is actually a dark purple area with a black border. That may help to let a yellow line stand out against the white background. But for darker colors it brings those even closer to black.

If I may quip on this: it's a case of obfuscation by beautification. ;-) Just like 3D pie charts interfere with the actual message.

[1] https://stats.wikimedia.org/v2/#/es.wikipedia.org/contributing/edits

Event Timeline

Yeah, we have to rethink this. Do you think even thicker lines would be a good idea? Or maybe just when a color is lighter than #999999 we can add a thin black outline.

My preference would be the second option: Just when a color is lighter than #999999 add a thin black outline.
But using lighter colors all over would help as well.

Milimetric moved this task from Incoming to Wikistats on the Analytics board.
Milimetric subscribed.

A related thing: Maybe we could have single-line charts could have the area below the line colored?
It's totally a subjective personal preference, but I think it makes the chart easier to grasp.
For breakdowns, this wouldn't work though.

We could include here also changing the colors of the bar charts, because some of the colors currently used are too strong.

  • keep 3 colors designed for sections: reading, contributing, content (we can use different shades if it looks better)
  • remove black border from line charts
  • maybe thicken the lines
sahil505 triaged this task as Medium priority.
sahil505 added a project: Analytics-Kanban.
sahil505 set the point value for this task to 5.

Change 445574 had a related patch set uploaded (by Sahil505; owner: Sahil505):
[analytics/wikistats2@master] Changed color shades for sections & charts

https://gerrit.wikimedia.org/r/445574

Change 445574 merged by Nuria:
[analytics/wikistats2@master] Changed color shades for sections & charts

https://gerrit.wikimedia.org/r/445574

I see 4 colors (red, yellow, blue and green) which each contrast well with the background and none is grabbing more attention than the others. I like it too. Well done, @sahil505