TSVB Time Series Custom Color Mapping

[jbuchmueller]

Problem Statement

I am creating a dashboard for visualizing states of a process (see image). The data I use consists of temporal event data in four categories (1-4). The dashboard displays different views on this dataset:

First, a gantt chart i coded in Vega Lite displaying the event sequences and durations. Second, a OS-native pie chart visualization displaying the ratios between the event types aggregated for 24 hours. And lastly, a TSVB time series visualization displaying the ratios between the event types for the past 7 days in steps of 24 hours. This is how it looks like:

Naturally, the same information should be encoded in the same color in each view. While I can customize the color mappings in vega lite and OS-native visualizations, to the best of my knowledge, this does not seem to be possible for TSVB time series, which rely on some sort of serverside predefined color mapping. Yet, I would like to be able to edit the color mapping to create consistent dashboards that are more accessible to observers.

Solution Proposal
Ideally, I would like to have a menu option in the TSVB time series GUI to assign colors to categories, maybe with a color picker as in the standard visualizations, if possible (While the color picker also should allow for individual selection instead of only predefined palettes).

Preliminary, I would also be fine with a possibility to configure the colors using the saved objects editor, as I did for the Pie/Donut Chart by setting the uiStateJSON.

I sincerely hope, that this possibility does not already exist. In case it did, it would need much better documentation, as I was not able to find any information on the topic.

[ahopp]

@btzeng Wanna take a look here? Seems to be related to #1241

I think this should be included in a broader color theming workstream e.g., custom branding colors, custom color inside all visualizations (above), custom color themes, improvements to color encoding, etc.