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

[Lens] Support categorical coloring by name #101942

Closed
wylieconlon opened this issue Jun 10, 2021 · 19 comments · Fixed by #162389
Closed

[Lens] Support categorical coloring by name #101942

wylieconlon opened this issue Jun 10, 2021 · 19 comments · Fixed by #162389
Assignees
Labels
enhancement New value added to drive a business result Feature:Lens impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. Team:Visualizations Visualization editors, elastic-charts and infrastructure

Comments

@wylieconlon
Copy link
Contributor

wylieconlon commented Jun 10, 2021

This feature was originally listed as a requirement of categorical color palettes in Lens, as it solves common problems that Lens users are facing.

Requirements

The user should be able to create a color palette by name, instead of by position.

Nice-to-have features

  • The color assignment could "fall back" to another color palette
  • Each bucketing function can have its own coloring UI, for example coloring the Filters function might look different than coloring Top values
  • Sharability of color palettes (saved object approach POC)

Related to #95556

@wylieconlon wylieconlon added enhancement New value added to drive a business result Team:Visualizations Visualization editors, elastic-charts and infrastructure Feature:Lens labels Jun 10, 2021
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app (Team:KibanaApp)

@Mauro-Rizzi
Copy link

Mauro-Rizzi commented Aug 24, 2021

+1 https://discuss.elastic.co/t/remaking-legacy-visualizations-on-kibana-problems-with-colors-and-filters/282118

I'm the OP of that post and I wanted to say that being able to assign any color to any parts of your visualizations is really important. While it might not seem so important from a data scientist point of view from a commercial point of view some companys will definetlly feel the app isn't appropiate if it can't use the company color scheme.

Plus a lot of times you have different visualizations that show different things about the same data and you want to sync colors manually instead of having them asigned by your order hierarchy which in most cases leaves you with different colors for the same things when you don't want to.

Not to mention that if I want to make a graph that includes both good and bad things I want to be able to color a part red and another green rather than being forced to whatever the color pallete assigns to it.

I understand that this might be either hard to implement or seem inappropiate for significant terms or top values break downs, but I think it should be easy to implement them when you use filters since the user has to define the bounds for that data by hand.

@ghudgins
Copy link

@ghudgins
Copy link

@ghudgins
Copy link

ghudgins commented Jan 4, 2022

related requirement in - #36544 - the ability to color terms after a split / group by

@kumarsudhish
Copy link

When this feature would be availble

@ghudgins
Copy link

+1 from @cyrille-leclerc @katefarrar @andreadelrio - we reviewed designs yesterday that would benefit from having this support. the use case is log level (debug / warn / error / info) being assigned specific colors

@scottfweintraub
Copy link

The inability to assign colors to values is generally a show stopper for me to leave aggregation visualizations and use lens, in a lot of cases. Similarly to log level, quickly differentiating other statuses that are good/bad requires useful coloring.

@drewdaemon
Copy link
Contributor

Note: When this lands, it may make sense to reevaluate the usefulness of the "Sync color pallettes across panels" option at the dashboard level.

@Danouchka
Copy link

+1

@carlopuri
Copy link

+1
Very useful feature!

@stephenmcconnachie
Copy link

+1

1 similar comment
@AxelPatron
Copy link

+1

@sektorcap
Copy link

+1

1 similar comment
@LiorHen9
Copy link

+1

@markov00
Copy link
Member

Please use the 👍 in the issue description and avoid +1 comments. This issue is currently a work in progress but we don't have an ETA jet, thank you for your collaboration

@Mauro-Rizzi
Copy link

Mauro-Rizzi commented Jun 14, 2023

I understand people writing +1 to bring this issue back to relevance since enough time has passed I changed jobs twice since this issue was brought up

markov00 added a commit that referenced this issue Sep 28, 2023
## Summary

This PR introduces the new color mapping feature into Lens.

The color mapping feature is introduced as a standalone sharable
component available from `@kbn/coloring`. The
[README.md](https://github.com/elastic/kibana/blob/ddd216457d66912de43c7688ae99044c2c34bbd2/packages/kbn-coloring/src/shared_components/color_mapping/README.md)
file describes the components and the logic behind it.

The Color Mapping component is also connected to Lens and is available
in the following charts:
- XY (you can specify the mappings from a breakdown dimension
- Partition (you can specify the mappings from the main slice/group by
dimension)
- Tag cloud (you can specify the mappings from the tags dimension)

This MVP feature will be released under the Tech Preview flag.
This PR needs to prove the user experience and the ease of use. UI
styles, design improvements and embellishments will be released in
subsequent PRs.

The current MVP-provided palettes are just a placeholder. I'm
coordinating with @gvnmagni for a final set of palettes.

close #155037
close #6480
fix #28618
fix #96044
fix #101942
fix #112839
fix #116634


## Release note

This feature introduces the ability to change and map colors to break
down dimensions in Lens. The feature provides an improved way to specify
colors and their association with categories by giving the user a
predefined set of color choices
or customized one that drives the user toward a correct color selection.
It provides ways to pick new colors and generate gradients. 
This feature is in Tech Preview and is enabled by default on every new
visualization but can be turned off at will.

![image](https://github.com/elastic/kibana/assets/1421091/d03e59f8-4a6f-4761-ab4c-c53a57c1723a)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New value added to drive a business result Feature:Lens impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
None yet
Development

Successfully merging a pull request may close this issue.