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 we believe it’s helpful to also add some details of how the colors are used.
Most of the time novem colors are used as part of a novem color instruction (nci).
NCIs are used all over our 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, in actuality NCIs contain a second, optional,
color code. This second color is the darkmode version to be used
for the color (if present, the darkmode color will override the theme darkmode option).
Static Colors
Dynamic colors
red-500
red-100,red-900
red-100,red-900(0,100)
Color Range
Color Domain
Scale
Linear
Logarithmic
Exponential
Examples
Custom gradient with domain
Below is probably one of the more complex nei instructions you can create,
here 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