Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

graph-3/status-warning colors too similar #72

Open
jensy opened this issue May 29, 2020 · 7 comments
Open

graph-3/status-warning colors too similar #72

jensy opened this issue May 29, 2020 · 7 comments
Labels

Comments

@jensy
Copy link

jensy commented May 29, 2020

image

We noticed working with data viz more that graph-3 is awfully close to status-warning, see screenshot.

Suggestion: Do not use yellow as a graph color at all if possible, or not any color that comes close to status colors.

Theme branch used: NEXT

@lorbritton
Copy link

I would also suggest removing orange from the graphs as that is often used as a status color.

@gregfuruiye
Copy link
Contributor

gregfuruiye commented Jun 25, 2020

In the context of our existing color palettes, I'm proposing we could replace graph-3 'yellow!' with the light purple color. In considering orange, I wonder if it could still be used within a chart in the right context. Other options are to remove orange altogether and limit the graph palette to just 4 colors.
Screen Shot 2020-06-25 at 12 01 51 PM

@jensy
Copy link
Author

jensy commented Jun 26, 2020

Can we talk about this with the team coming Wednesday @gregfuruiye?

@gregfuruiye
Copy link
Contributor

We could, an important part of the entire conversation is to include how accessibility issues with charting are part of this discussion. In many ways, color is not the primary issue when it comes to accessible charting. Matt Glissman and Eric Soderberg spent a lot of time last week researching charting, focused on accessibility. Color was not the issue as opposed to what the chart is used for and what it is seeking to communicate.

@ecircenis
Copy link

While accessibility is a requirement, let's not confuse this request with accessibility. The issue is that when color is used for non-status purposes, it should not compete with status. E.g. it would be really bad if the color palette for graphs consisted of only reds, yellows and greens. Why? Because this would dilute the meaning of status colors and make it harder to see, at a glance, where you might have status issues. The ask is that graph colors be drawn from a set that are not easily confused with status colors. Purples, Blues, and Browns come to mind immediately.

Also, when considering color, be sure to also evaluate choices with Night Light / Night Shift enabled.

@gregfuruiye
Copy link
Contributor

@ecircenis, agreed and well understood that this issue is entirely related to creating separation between graph color and status color.

@taysea
Copy link
Collaborator

taysea commented Jul 16, 2021

Bumping conversation on this once more after discussion was raised with Ezmeral wanting to convey meaning via graph colors for status but finding it too similar to the normal graph colors

@jcfilben jcfilben added the design label Oct 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

6 participants