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

color palettes that can be used across Kibana applications #43697

Closed
nreese opened this issue Aug 21, 2019 · 13 comments
Closed

color palettes that can be used across Kibana applications #43697

nreese opened this issue Aug 21, 2019 · 13 comments
Labels
[Deprecated-Use Team:Presentation]Team:Geo Former Team Label for Geo Team. Now use Team:Presentation discuss enhancement New value added to drive a business result Feature:Canvas Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas Team:Visualizations Visualization editors, elastic-charts and infrastructure

Comments

@nreese
Copy link
Contributor

nreese commented Aug 21, 2019

One of the most requested Elastic Maps features is the ability to define/customize a color palette for categorical data.

The Maps team would like to solve this problem with a solution that spans Kibana applications, so that categorical values are styled consistently across embedded panels. When a category value is symbolized as a blue marker on the Map, the same category value is also symbolized as a blue bar in a bar chart, and a blue pie slice in a pie chart and so on.

The Maps team would like a solution where users can define the color palette once and use the same color palette across any embeddable that is symbolizing the same set of values. Embeddables should use the pre-defined color palette by default so data is symbolized consistently by default. Embeddables can allow local modifications to the color palette to satisfy user needs.

The Maps team would like to put a POC forward to move the conversation into an implementation. Today, Index Patterns are the only way to share field meta data across Kibana. We would like to enhance Index Pattern field's with an optional property, Color Palette.

@nreese nreese added discuss [Deprecated-Use Team:Presentation]Team:Geo Former Team Label for Geo Team. Now use Team:Presentation enhancement New value added to drive a business result Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas Team:Visualizations Visualization editors, elastic-charts and infrastructure labels Aug 21, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-gis

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-canvas

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app

@nreese nreese added the Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. label Aug 21, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-design

@snide
Copy link
Contributor

snide commented Aug 21, 2019

It doesn't 100% solve what you want, but @cchaos is working on some work in EUI around "theming" charts. For the moment it just provides some base palette rules to visualizations. This doesn't expose those palettes as some sort of saved constant in the way you describe, but we'd be super interested in solving this problem. I think what you're getting at would be extremely cool.

@nreese
Copy link
Contributor Author

nreese commented Aug 27, 2019

Chat questions from recent "creating dashboard" webinar asking about color themes for visualizations

Screen Shot 2019-08-27 at 10 22 01 AM

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app-arch

@thomasneirynck
Copy link
Contributor

For Maps, this may be good inspiration for color palettes http://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3

@cchaos
Copy link
Contributor

cchaos commented Nov 22, 2019

Also related: elastic/elastic-charts#293

@nreese
Copy link
Contributor Author

nreese commented Jan 15, 2021

Closing, charts palette service is starting to provide this functionality.

@nreese nreese closed this as completed Jan 15, 2021
@ryankeairns
Copy link
Contributor

@nreese We've been considering how/where to add a base set of colorblind safe palettes for use across Kibana, as well. Can you point me at this charts palette service? Thank you.

@nreese
Copy link
Contributor Author

nreese commented Jan 15, 2021

Your plugin can access charts palette service by the exposed palettes
key in the start contract, https://github.com/elastic/kibana/blob/master/src/plugins/charts/public/plugin.ts#L70

@flash1293 Can you provide some more details or documenation?

@flash1293
Copy link
Contributor

@ryankeairns There's a little more documentation in the readme of the service: https://github.com/elastic/kibana/blob/master/src/plugins/charts/public/services/palettes/README.md

However this is considered a starting point, not the finished service. Let me know if you have something specific in mind around this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Deprecated-Use Team:Presentation]Team:Geo Former Team Label for Geo Team. Now use Team:Presentation discuss enhancement New value added to drive a business result Feature:Canvas Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
None yet
Development

No branches or pull requests

9 participants