Opened 7 years ago

Closed 17 months ago

#8305 closed enhancement (wontfix)

Use clearer colors in the "Consumed bandwidth by Exit/Guard flag combination" graph

Reported by: arma Owned by: metrics-team
Priority: Low Milestone:
Component: Metrics/Website Version:
Severity: Normal Keywords: ux-team, metrics-2018
Cc: karsten, linda Actual Points:
Parent ID: Points:
Reviewer: Sponsor:

Description (last modified by karsten)

https://metrics.torproject.org/bwhist-flags.html

You see the three blue-or-sort-of-blue lines? Which one is which in the graph?

There are other colors in the world besides blue-or-sort-of-blue, and we should consider using some of them. :)

Child Tickets

Attachments (1)

bwhist-flags-2016-12-13-2017-03-13.png (29.0 KB) - added by karsten 3 years ago.

Download all attachments as: .zip

Change History (13)

comment:1 Changed 7 years ago by arma

Cc: karsten added

comment:2 Changed 7 years ago by karsten

I chose these colors, because they're distinguishable for both color-blind and non-color-blind people. Are the two blues really that hard to distinguish?

comment:3 Changed 7 years ago by cypherpunks

Priority: normalminor

It's light blue, dark blue, and dark Aqua here. Please try it on other screens, please.

comment:4 Changed 3 years ago by karsten

Description: modified (diff)
Severity: Normal
Status: newneeds_information

It's really difficult to find distinguishable colors for the colorblind. The ColorBrewer site only lists 1 set with 4 data classes for qualitative colors that is colorblind safe. I'm attaching a graph with those colors, but I'm not convinced that those colors are much better. Setting to needs_information. Suggestions welcome, four hex numbers of better colors even more so!

Changed 3 years ago by karsten

comment:5 Changed 3 years ago by karsten

Summary: Need clearer colors on the metrics graphsUse clearer colors in the "Consumed bandwidth by Exit/Guard flag combination" graph
Type: defectenhancement

comment:6 Changed 2 years ago by cypherpunks

Keywords: ux-team added

comment:7 Changed 2 years ago by iwakeh

Cc: linda added

Related to applying Tor Style guide (cf. #23383).
CC-ing Linda: Maybe, there are already well functioning color scales defined in the style guide, which could be useful here?

comment:8 Changed 2 years ago by linda

iwakeh:

Our style guide currently has color scales defined for graphing information.

I suggest using colors that are picked by your visualization tool for now. As long as someone isn't hand-picking the colors and we're okay with it not looking tor-tastic, it's okay with me. Graphing libraries generally choose colors that make sense and are easily distinguishable, because that's something that they need to be good at.

We'll definitely work on choosing colors, like OONI did, and add more to the style guide with time.

comment:9 Changed 2 years ago by linda

For additional clarity: I am not a color expert (on the level of choosing colors for graphing libraries), but FWIW, I think the current colors used on the metrics page look fine.

Blue is generally used more and different shades of blue are easier to distinguish than other colors. Since many are red/green colorblind, those aren't used so much. Red, orange, yellow, and green, also have connotations (red = bad, green = good, for instance), and are only used if the whole rainbow is there. Since purple is a mix of red + blue, different shades of purple (a warm purple and a cooler purple of similar saturation/lightness) are harder to distinguish, etc.

comment:10 Changed 2 years ago by karsten

Keywords: metrics-2018 added

comment:11 Changed 2 years ago by karsten

Owner: set to metrics-team
Status: needs_informationassigned

comment:12 Changed 17 months ago by karsten

Resolution: wontfix
Status: assignedclosed

Alright, I'll close this as wontfix. I still think the current colors are fine, and I haven't seen suggestions for better colors. Maybe a future Tor Metrics site will have an option to change colors from different sets, but for now these colors will do. Closing.

Note: See TracTickets for help on using tickets.