Background
Result of spike T369863. Currently it is possible to define the exact colors of a chart. This means that sometimes the chart may have accessibility issues. As a result we want to define a default color recommended color scheme for all chart types.
User story
As a user I want to visualize the data using color in a way that makes sense for my specific data.
Requirements
- A default color scheme is defined
- The default color scheme works in dark mode
- When a color scheme is not provided in a chart definition they get our recommended color scheme
Open questions
- Do we want to provide variations of the default chromatic palette, i.e. subdued and vibrant? Not now.
- Do we want to provide monochromatic palettes for each color? Not now.
- Do we want to provide other template palettes, such as for things like temperature or politics? Not now.
- When a user customizes a palette, do they have to customize every color? Ideally not. Whichever data values in the series are not set with a custom color, the default color for that data value will be provided, according to the default set/order of colors for charts.
Design
- The default color scheme is called categorical.
- The order the colors appear in this list is intentional and should be the order the colors appear in within a given chart.
- 10 data values is our current max, so there are 10 colors.
- Colors may be customized. Any colors provided for specific data values are overwritten, otherwise the default color is provided in the order determined here.
- The color scheme stays the same across light and dark modes.
- The order and values of colors:
"#4b77d6", "#eeb533", "#fd7865", "#80cdb3", "#269f4b", "#b0c1f0", "#9182c2", "#d9b4cd", "#b0832b", "#a2a9b1"
Demos
Examples
Line, light mode
Line, dark mode
Bar, light mode
Bar, dark mode
Pie, light mode
Pie, dark mode
Stacked area, light mode
Stacked area, dark mode
Acceptance criteria
- Default color scheme is determined
- Placeholder task is created for implementation