Palette
<notatio-palette palette="dusk"> -- one menu for a plot's colors. Each palette is drawn as it paints: its gradient, for values, and its first category colors, for kinds of point. Below the palettes, the gradient and the category colors can be swapped on their own, the gradient reversed, and — given band — the band set: the distance in value between the gradient's two ends, and how values past it meet the gradient (mode).
gradient and discrete say whether those sections are offered at all, so a plot shows only the colors it uses.
Props
| Prop | Type | Default | Notes |
|---|---|---|---|
palette | string | "dusk" | |
gradient | string | "" | |
discrete | string | "" | |
reverse | boolean | false | |
band | number | undefined | undefined | |
mode | BandMode | undefined | undefined | |
unit | string | "" | What the band measures, for its label: √|N|. |
withGradient attribute with-gradient | boolean | true | Offer the gradient section. |
withDiscrete attribute with-discrete | boolean | true | Offer the category-color section. |
As a web component
Plain custom elements, no framework required: import @enumeratio/frontend for the side effect and write <notatio-palette> in any HTML. Attributes are kebab-case and always strings; the props table above names each one's attribute where it differs from its prop.