Orbit Rings Block
Concentric rings visualisation with items distributed across orbital levels. Inner rings represent core or critical items, outer rings represent peripheral or optional items. Useful for technology radar, dependency depth, or priority tier views.
The Orbit Rings block arranges items across concentric circular bands radiating outward from a central point. Each ring represents a tier, level, or priority band. Items are placed as dots or labelled nodes on their assigned ring, and quadrant divisions can further categorise items within each ring.
The visualisation is interactive - hovering over an item highlights it and displays its details, while clicking opens a detail panel. The rings themselves can be labelled to indicate what each tier represents.
When to Use
Configuration
The following properties control the rings layout and styling.
| Property | Type | Description |
|---|---|---|
| Title | Text | Optional heading displayed above the visualisation. |
| Subtitle | Text | Optional secondary text below the title. |
| Ring Labels | Text[] | Labels for each ring, from innermost to outermost. The number of labels determines the number of rings. |
| Quadrant Labels | Text[] | Optional labels for quadrant divisions. Provide 2 or 4 labels to split the rings into sectors. |
| Accent Colour | Colour | Colour used for the active item highlight and connecting lines. |
| Ring Colours | Colour[] | Optional colour for each ring band. If not set, rings use decreasing opacity of the accent colour. |
| Background | Colour | Background colour of the visualisation area. Defaults to transparent. |
| Show Ring Borders | Toggle | Whether to draw visible borders between rings. Defaults to true. |
| Item Shape | Select | Shape used for items: Circle, Square, or Diamond. Defaults to Circle. |
| Min Height | Number | Minimum height of the visualisation in pixels. Defaults to 500. |
Per-Item Fields
Each item placed on the rings has these configurable fields.