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

Allow customizable color palettes in Kibana #17764

Closed
timroes opened this issue Apr 18, 2018 · 9 comments
Closed

Allow customizable color palettes in Kibana #17764

timroes opened this issue Apr 18, 2018 · 9 comments
Labels
Feature:Lens Feature:Visualizations Generic visualization features (in case no more specific feature label is available) release_note:enhancement Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects

Comments

@timroes
Copy link
Contributor

timroes commented Apr 18, 2018

We should allow to customize the color palette, that is used in Kibana for visualization colors (and maybe more). That way users could customize them to company specific color schemes or in general fit their needs. The color pickers should reflect that customized color palette, as charts should use that color palette by default to generate their colors.

Optionally we might want to think about multiple color palettes, so you can select a different color palette per chart, that is used to seed the chart colors.

Supersedes #10173

@timroes timroes added release_note:enhancement Feature:Visualizations Generic visualization features (in case no more specific feature label is available) labels Apr 18, 2018
@exhuma
Copy link

exhuma commented Apr 18, 2018

Please keep colour-blind users in mind. I find that none of those automatic "colour-blind filters" really work well for me. I find that the best solution (for me) is to have a colour picker where I can pick my own colours.

@timroes
Copy link
Contributor Author

timroes commented Apr 18, 2018

@exhuma we always try. We tried to create our new design palette in a color blind user friendly way.

You can also help us providing feedback on that color palette in #13327. I would be really interested how good that works for you.

Also this issue is asking more for specifying default color palettes and a color palette picker. I think that we want to have directly customizable colors in the long run nevertheless.

@timroes timroes added the Team:Visualizations Visualization editors, elastic-charts and infrastructure label Sep 16, 2018
@faulander
Copy link

Hi Guys,
Is here progress made? I am having charts with http response codes and having status 500 as green and 200 as purple is somehow missleading ;)

@elasticmachine
Copy link
Contributor

Pinging @elastic/datavis (Team:DataVis)

@exhuma
Copy link

exhuma commented Mar 3, 2021

@timroes For whatever reason I never saw a notification of the message from 2018. Might have been gone to a spam filter? In any case I had a look at #13327 and it's hard to say from just a palette whether this works or not. Quite often the difficulties become apparent when problematic colours are next to each other. In the example palettes in any case I already have some slight difficulties. But it's hard to say. Maybe I would be able to distinguish them when they are next to each other?

In any case the colour-blind issue is becoming more and more frustrating across many applications (and video games). It seems that in the past couple of years some standard filters have become "the norm". And they don't work well for me, oftentime even making things worse. I do have "deuteranomaly" so I'd assume that a "deuteranopia" filter would work for me but it usually doesn't. I have the same issue in more recent video-games where they added those filters. They don't work well.

Before these filters existed it was pretty common that one just could pick values from a colour picker. And I that was objectively better. Because I could specifically select colours that I could distinguish. Nowadays the filters allow me to select between several equally bad options. What's even worse, those "predefined filters" change all the colours when only a small sliver of the spectrum causes me problems.

I understand that this is challenging when you need to define pallettes on the fly (at run-time) with a number of swatches that's not known in advance (as it's dependent on the query/visualisation). Considering that - in general - colourblindness comes from an overlap in sensitivity of certain wavelengths it might make sense to let the user "block out" certain ranges of the colour-spectrum such that an application would never pick swatches from that region? Kinda like the enchroma "colourblind" glasses work?

I'd love to hear from other colour-blind people how their experience with these "standard filters" has been over the past few years.

@ghudgins
Copy link

we recently explored re-usable palettes in this PR (not merged, POC code). #119735

@kibanamachine kibanamachine added this to Long-term goals in Lens Feb 15, 2022
@alexPolisevschi
Copy link

Adjusting the colors is possible if using Aggregation based ("Use our classic visualize library to create charts based on aggregations") visualizations.

Lens looks a lot better.. but I was quite disappointed today when I needed to follow the HTTP status codes, and the errors were displayed in a nice green color.

@ghudgins
Copy link

Short term solutions....there is a field formatter you can use in your Data View (index pattern) to maybe get around this in lens data tables.

Edit the field from Lens and "set format" and specify a color
image

image

Hope this helps

@teresaalvarezsoler
Copy link

closing this one in favour of this #172139

@teresaalvarezsoler teresaalvarezsoler closed this as not planned Won't fix, can't repro, duplicate, stale Apr 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Lens Feature:Visualizations Generic visualization features (in case no more specific feature label is available) release_note:enhancement Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
No open projects
Lens
  
Long-term goals
Development

No branches or pull requests

8 participants