elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.82k stars 8.2k forks source link

Allow customizable color palettes in Kibana #17764

Closed timroes closed 5 months ago

timroes commented 6 years ago

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

exhuma commented 6 years ago

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 commented 6 years ago

@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.

faulander commented 5 years ago

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 commented 3 years ago

Pinging @elastic/datavis (Team:DataVis)

exhuma commented 3 years ago

@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 commented 2 years ago

we recently explored re-usable palettes in this PR (not merged, POC code). https://github.com/elastic/kibana/pull/119735

alexPolisevschi commented 2 years ago

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 commented 2 years ago

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 commented 5 months ago

closing this one in favour of this https://github.com/elastic/kibana/issues/172139