Pro Components

Base Components

Charts 2

Radar (spider) chart for multi-attribute comparison with a polygon per series.

Example

Skill Assessment
Competency scores across areas

Introduction

Charts 2 is a radar chart:
  • Axes: One axis per dimension (e.g. Speed, Quality, Support, Design, Docs).
  • Polygon: Filled shape showing values from center to edge; tooltips on hover.
  • Card: Wrapped in a bordered card with a title.
Good for skill profiles, product comparisons, or any multi-dimensional comparison. Uses Chart and Recharts.

Usage

import { ChartCard20 } from "@/components/ui/chart-card-20";

<ChartCard20 />
Replace the sample data with your dimensions and values.

On this page