Knowledge Hub Block
Radial centre-and-satellite visualisation with a central concept surrounded by related topics. Useful for showing a core concept with its connected domains or a service with its dependencies.
The Knowledge Hub block places a single central node at the heart of the visualisation, with satellite nodes arranged radially around it. Connecting lines link the centre to each satellite, and satellites can optionally connect to each other. The result is a clear visual hierarchy showing how a core concept relates to its surrounding topics.
Hovering over any node highlights its direct connections, dimming unrelated nodes. Clicking a satellite expands a detail panel with its full description.
When to Use
Configuration
The following properties control the hub layout and styling.
| Property | Type | Description |
|---|---|---|
| Title | Text | Optional heading displayed above the visualisation. |
| Subtitle | Text | Optional secondary text below the title. |
| Centre Label | Text | Text displayed inside the central hub node. |
| Centre Icon | Icon | Optional icon rendered inside the central node. |
| Centre Colour | Colour | Fill colour for the central hub node. |
| Accent Colour | Colour | Colour used for connection lines and hover highlights. |
| Background | Colour | Background colour of the visualisation area. Defaults to transparent. |
| Satellite Radius | Number | Distance from the centre to the satellite ring in pixels. Defaults to 250. |
| Show Satellite Links | Toggle | Whether to draw connections between satellite nodes, not just from each satellite to the centre. |
| Expand on Click | Toggle | Whether clicking a satellite opens a detail panel. Defaults to true. |
Per-Satellite Fields
Each satellite node around the hub has these configurable fields.