All components
Data Display
RadarChart
beta
Since 1.1
Radar / spider chart plotting a value on each of several axes as a filled polygon.
Data Display
primitive
Display
Documented
import { RadarChart } from '@ivim/native/components';
When to use
Use when
Comparing a profile across several dimensions at a glance (adherence areas).
Don't use when
Precise per-dimension values matter — use a bar chart.
Playground
Adjust the controls to preview live prop combinations. The code snippet updates to match the current selection.
Intellect
Strength
Discipline
variant
variant
default
muted
<RadarChart />
Example
Preview
Code
Diet
Sleep
Activity
Labs
Mood
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
role="img" with an aria-label; axis labels ring the chart.
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.
Related components
Components that solve adjacent problems or compose with this one.