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

Define custom color inside all visualizations #1241

Open
inf17101 opened this issue Feb 14, 2022 · 7 comments
Open

Define custom color inside all visualizations #1241

inf17101 opened this issue Feb 14, 2022 · 7 comments
Assignees
Labels
enhancement New feature or request unified visualization UX ux / ui Improvements or additions to user experience, flows, components, UI elements visualizations Issues and PRs related to visualizations

Comments

@inf17101
Copy link

inf17101 commented Feb 14, 2022

Is your feature request related to a problem? Please describe.
Actually, it is not possible to set a custom color in a visualization type other than TSVB.
The problem is that the predefined color ranges are unsatisfactory.

A designed dashboard is only widely accepted in a company if the visualizations are available in company colors.
Now you cannot define an RGB or HEX color code for the parts of your visulization.
For example, in a horizontal bar chart you can only use and select predefined colors but you cannot set a custom color code (see picture below).
image

Describe the solution you'd like
It would be very nice if you have a field to enter a custom color code in RGB or HEX for all visualitation types like bar charts, pie charts and so on...

A clear and concise description of what you want to happen.
For example you can leave the default color ranges and put a textbox below the default color field.
If a user enters a custom color code than this color is used instead of a predefined one.
If no custom color code is entered than the color of the predefined colors field is used.

Think about it, I think everyone who uses Opensearch benefits from it.

Thanks a lot.

@inf17101 inf17101 added the enhancement New feature or request label Feb 14, 2022
@ahopp ahopp added untriaged ux / ui Improvements or additions to user experience, flows, components, UI elements labels Feb 14, 2022
@kavilla kavilla removed the untriaged label Feb 17, 2022
@kavilla
Copy link
Member

kavilla commented Feb 17, 2022

Thanks @inf17101 for opening this!

Assigning to @btzeng to take a look at it.

@btzeng
Copy link

btzeng commented Feb 25, 2022

@AMoo-Miki @kgcreative Take a look at the design here: Color Picker with Input Field

Color Picker_Design 2

@ahopp
Copy link
Contributor

ahopp commented Mar 2, 2022

@btzeng If we have the advanced color palette tool, I like the switch being there. Between selecting a color from the available options or adding a specific RGB or HEX, having the advance selector behind a switch is the cleaner options.

How do you see this working in a world where users have preset color themes? Would those be treated as one of the color columns?

@btzeng
Copy link

btzeng commented Mar 3, 2022

In the image below- this design has a section for custom colors. When the user selects/defines a color thats not in the preset, it would be added to the custom area.
Screen Shot 2022-03-03 at 1 59 53 PM

@ahopp
Copy link
Contributor

ahopp commented Mar 3, 2022

Interesting, thanks for sharing your perspective @btzeng!

@inf17101
Copy link
Author

inf17101 commented Mar 4, 2022

@btzeng Amazing, that's what I imagined. There is no better way to solve it. Simple and effective.

@btzeng
Copy link

btzeng commented Mar 4, 2022

Thanks for the feedback @inf17101. Happy to help.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request unified visualization UX ux / ui Improvements or additions to user experience, flows, components, UI elements visualizations Issues and PRs related to visualizations
Projects
None yet
Development

No branches or pull requests

6 participants