Color instructions

Novem color instructions let's you create complex color profiles to go along with your visualisation. Highlight structures, values and relationships in your data with ease.

Now that you’ve seen the default novem colors it can helpful to add some examples of how the colors are used.

Most often novem colors are used as part of a novem color instruction (NCI). NCIs are used extensively across the platform, from borders, backgrounds and text colors in a table, to gridlines, countries and regions in a map.

Structure #

At its most basic an NCI consists of a single color reference, either to a novem color such as red-500 or a hex code such as #dc3545. We always recommend the use of novem color names if possible, as they can overwritten by theme instructions.

While NCIs can be a standalone color, they can also contain a second color code to override the dark-mode color for the element.

Static Colors #

Dynamic colors #

Examples #

Custom gradient with domain #

Below is probably one of the more complex novem color instructions you can create. We are constructing an exponentially scaled gradient with three colors and a custom input domain, using both fixed points and underlying data.

The optional domain instructor is always ordered smallest to highest value of the underlying dataset if used.

bad,neutral,good(_,0,_)^lin