Components
The nine graphic component types and the six control widget types.
Proportional bars and plates.
A rectangle is pure appearance: fill, radius, border, shadow. A bar is a rectangle that fills proportionally — its content is a number, or JSON of the form [{label, value, color?}].
| Bar setting | Meaning |
|---|---|
| Axis | Horizontal or vertical. |
| Origin | Which end the fill grows from — left/right, or bottom/top. |
| Min / Max | The value range. |
| Auto max | Track the largest datum instead of a fixed max. |
| Thickness | Bar thickness in px; 0 stretches to the node. |
| Radius, Gap, Pad | Corner radius, spacing between bars, inner padding. |
| Track | The colour of the unfilled remainder. |
A numeric string is accepted as a number, so a bar bound to a feed field that arrives as "42" still fills correctly.