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

[charts] Introduce a linear color palette scale? #16659

Open
oliviertassinari opened this issue Feb 20, 2025 · 1 comment
Open

[charts] Introduce a linear color palette scale? #16659

oliviertassinari opened this issue Feb 20, 2025 · 1 comment
Labels
component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer discussion new feature New feature or request

Comments

@oliviertassinari
Copy link
Member

oliviertassinari commented Feb 20, 2025

Summary

When using a funnel charts, it's very common to use one primary color and then a succession of lighter colors, for example https://www.metabase.com/docs/v0.53/questions/visualizations/funnel

Image

Examples

Related to #14804, and #13880.

Motivation

Today, I'm not aware that we have this: https://next.mui.com/x/react-charts/styling/#color-palette.

Maybe we actually don't need this, but only a way to take a primary color and use opacity to scale it out inside a funnel charts. Still, I suspect (maybe not) that this requires each color to be cherry-picked.

Search keywords: -

@oliviertassinari oliviertassinari added component: charts This is the name of the generic UI component, not the React module! new feature New feature or request status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Feb 20, 2025
@oliviertassinari oliviertassinari changed the title [charts] Introduce a linear color palette scale [charts] Introduce a linear color palette scale? Feb 20, 2025
@michelengelen michelengelen removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Feb 20, 2025
@JCQuintas
Copy link
Member

This is already on our radar for v8. Thanks for creating the ticket.

It is related to the exploration that @noraleonte did last year: https://www.figma.com/design/upttiqJUQYGUu3xo6w7COx/Design-refinement?node-id=1-42&p=f&t=x6F0MiqvLJNxPLzb-0

@oliviertassinari oliviertassinari added the design This is about UI or UX design, please involve a designer label Feb 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer discussion new feature New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants