Radar charts are ideal for comparing multivariate data across shared categories. This chart helps clearly highlight patterns and gaps between datasets at a glance.
| Name | Description | Type | Required | Default |
loading | Displays a loading skeleton | boolean | No | false |
scalars | Specifies the values for chart rings | number[] | No | [0, 20, 40, 60, 80, 100] |
className | Applies a custom class | string | No | - |
labels | Displays axis labels | boolean | No | true |
Note
All values are expected to be on a shared scale for meaningful comparison across axes.
Custom styling can be applied by targeting the class names below. Each class corresponds to a specific element for precise theming and overrides.
| Class Name | Element |
radar__data-fill | Filled polygon showing the dataset |
radar__data-point | Each visible point of the data shape |
radar__data-point-glow | Drop shadow behind each data point |
radar__axis-label | Labels for each axis/category around the outer ring |
radar__axis-dot | Small dot next to each axis label on the outer ring |
radar__tick-label | Numeric scale values shown at each ring level |
radar__ring-odd | Background rings |
radar__ring-even | Alternate background rings |
radar__wedge | Hoverable wedge-shaped segment between axes |