CleenUI · Charts · RadarChart

RadarChart

Multi-axis comparison chart — skill profiles, feature comparisons, assessment results.

storybook.cleenui.com · charts-radarchart--default
Open in new window

About RadarChart

RadarChart compares multiple dimensions of one or more entities at a glance. Each axis is a separate dimension; each shape is one entity; the area of the shape indicates the overall strength.

Multiple entities can overlay on the same chart for direct comparison. Axes can be normalized to the same scale or use their own bounds.

When to use it

  • Skill or competency profiles.
  • Feature comparisons between products or plans.
  • Multi-dimensional assessment results.
  • Account or customer maturity profiles.

Common props

Prop
Type
Description
axes
Axis[]
Axis definitions {key, label, min, max}.
data
Entity[]
Entities with values per axis.
fill
boolean
Fill the radar shape with color.
showGrid
boolean
Display concentric grid rings.
maxValue
number
Normalize all axes to this max.
Cross-references

Where this component shows up elsewhere in the foundation.

In modules

1
⚡ Already in an AI editor?

Set up CleenUI in your tool.

Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.

Claude CodeCursorWindsurfGitHub CopilotClineAider+6All 12 guides
Other categories

More component families.