Opened 7 years ago

Closed 7 years ago

#6463 closed enhancement (fixed)

Some metrics colors are hard to distinguish with color-deficient vision

Reported by: dcf Owned by: karsten
Priority: Low Milestone:
Component: Metrics/Website Version:
Severity: Keywords:
Cc: Actual Points:
Parent ID: Points:
Reviewer: Sponsor:

Description

With deuteranomalous color blindness (the most common kind, 6% of males), some of the colors used on metrics graphs are hard to tell apart.

In https://metrics.torproject.org/network.html#relayflags, (reddish?) "Guard" and (brownish?) "Fast" are almost the same, and (greenish?) "Running" is close to those two. "Exit" and "Stable" are also similar, but not too hard to distinguish.

In https://metrics.torproject.org/network.html#platforms, "Linux" and "Darwin" look the same at a glance.

In https://metrics.torproject.org/network.html#bwhist-flags, "Guard only" and "Middle only" are similar, likewise "Exit only" and "Guard & Exit."

I attached before and after images from http://www.vischeck.com/vischeck/vischeckImage.php of one of the graphs. I find the simulation to be accurate, in that the colors before and after look the same.

You can see how all the graphs look at once by going to
http://vischeck.com/vischeck/vischeckURL.php, entering https://metrics.torproject.org/network.html, submitting the form, and then clicking "Deuteranope simulation." It generated me a page at http://vischeck.homeip.net/uploads/134317381427149/, but that might be cached temporarily.

Child Tickets

Attachments (2)

vc_lyN17K_orig.jpg (15.9 KB) - added by dcf 7 years ago.
Before VisCheck simulation.
vc_lyN17K_sim.jpg (13.9 KB) - added by dcf 7 years ago.
After VisCheck simulation.

Download all attachments as: .zip

Change History (6)

Changed 7 years ago by dcf

Attachment: vc_lyN17K_orig.jpg added

Before VisCheck simulation.

Changed 7 years ago by dcf

Attachment: vc_lyN17K_sim.jpg added

After VisCheck simulation.

comment:1 Changed 7 years ago by karsten

Owner: set to karsten
Priority: trivialminor
Status: newassigned

I'm using ggplot2's default color scale for most graphs. I'll try out other color scales and check them using the URL you posted. Thanks!

comment:2 Changed 7 years ago by karsten

Status: assignedneeds_information

Please check out if https://metrics.torproject.org/network.html works better now.

comment:3 in reply to:  2 Changed 7 years ago by dcf

Replying to karsten:

Please check out if https://metrics.torproject.org/network.html works better now.

Karsten, you are my new favorite person. Thank you so much for taking my request seriously.

These graphs that used to be difficult are perfect now:

https://metrics.torproject.org/network.html#relayflags
https://metrics.torproject.org/network.html#bwhist-flags

I still have a lot of trouble with the #009e73 (FreeBSD) and #999999 (Other) in https://metrics.torproject.org/network.html#platforms. Colors close to gray, that differ only in the red channel, are hard to distinguish. Could one of them be black or a darker gray? #333333 works well for me locally.

comment:4 Changed 7 years ago by karsten

Resolution: fixed
Status: needs_informationclosed

Glad you like the new colors. :) Changed "Other" to #333333.

Sounds like that's all there is to do for this ticket. Closing. Please re-open if necessary!

Note: See TracTickets for help on using tickets.