Every form field corresponds to one JSON property. The reference below documents each.
Top-level
| Property | Type | Description |
|---|
size | number | Diagram width & height in pixels. |
startAngle | number | Angle (degrees) where the first segment begins. -90 is the top. |
center | object | Centre hub configuration. |
scale | object | Score scale (min, max, ring count). |
segments | array | The dimensions / wedges. Each contains facets. |
style | object | All visual styling options. |
center
| Property | Type | Default | Description |
|---|
label | string | — | Hub text. Use \n for line breaks. |
radius | number | — | Hub radius in pixels. |
color | string | — | Fill colour. Hex (with optional alpha, e.g. #1a1a1aaa) or transparent. |
borderWidth | number | 0 | Hub border stroke width. |
borderColor | string | #ffffff | Hub border stroke colour. |
visible | boolean | true | Set to false to hide the hub entirely. |
fontSize | number | — | Override style.hubFontSize for this diagram. |
fontColor | string | — | Override style.hubFontColor. |
scale
| Property | Type | Default | Description |
|---|
min | number | 1 | Minimum score value. |
max | number | 5 | Maximum score value. |
rings | number | 5 | Number of concentric rings drawn for the score scale. |
segments[]
| Property | Type | Description |
|---|
name | string | Dimension label. Use \n for line breaks; multi-line labels stack along the band radius. |
color | string | Wedge fill colour. |
labelColor | string | Optional. Override fill for the dimension label band only. Falls back to color when unset. |
facets | array | Sub-segments inside this dimension. |
segments[].facets[]
| Property | Type | Description |
|---|
name | string | Facet label. Use \n for line breaks. |
score | number | Score within scale.min–scale.max. Set to null to hide the fill. |
description | string | Optional tooltip text. |
Style options
Style options are grouped in the form panel above. Notable ones:
segmentLabelPosition — outer (band outside the wheel, default) or inner (band wraps the centre hub, best for framework diagrams).backgroundColor — page background. Leave blank for transparent.showRings + showScoreLabels — toggles for the radar-chart-style score visualisation.fontFamily, segmentFontSize, facetFontSize, hubFontSize — typography overrides.flowDirection + flowCloseLoop — draw arrows on each segment boundary to indicate flow around the wheel; the wrap-around arrow (last → first) is opt-in.
Multi-line labels
\n produces a line break in center.label, segment names, and facet names. Centre hub and facet labels stack vertically; segment labels stack along the radius of the label band, each line on its own curved arc.