Radar Charts

Radar and radial chart variations built with @ramtt/charts primitives

Radar

Multi-axis polygon comparisons

ChartRadar (gridType=polygon)

Radar Chart

Showing desktop visitors for the last 6 months

JanuaryFebruaryMarchAprilMayJune
Trending up by 5.2% this month
January - June 2024
ChartRadar (showDots)

Radar Chart - Dots

With dots at each vertex

JanuaryFebruaryMarchAprilMayJune
Trending up by 5.2% this month
January - June 2024
ChartRadar (fillOpacity=0, 2 series)

Radar Chart - Lines Only

Two series without fill

JanuaryFebruaryMarchAprilMayJuneDesktopMobile
Trending up by 5.2% this month
January - June 2024
ChartRadar (renderLabel)

Radar Chart - Custom Label

Labels with value / max format

Jan 186/305
Feb 305/305
Mar 237/305
Apr 73/305
May 209/305
Jun 214/305
Trending up by 5.2% this month
January - June 2024
ChartRadar (gridType=circle)

Radar Chart - Grid Custom

Concentric circles instead of polygon grid

JanuaryFebruaryMarchAprilMayJune
Trending up by 5.2% this month
January - June 2024
ChartRadar (showGrid=false)

Radar Chart - Grid None

No background grid, minimal look

JanuaryFebruaryMarchAprilMayJune
Trending up by 5.2% this month
January - June 2024

Radial

Circular progress and gauge indicators

ChartRadialBar (single item)

Radial Chart

75% progress on a circular track

Progress75%
Trending up by 5.2% this month
January - June 2024
ChartRadialBar (5 items, monochrome)

Radial Chart - Label

Concentric rings with browser labels

Progress34%
Chrome leads with 1,260 visitors
January - June 2024
ChartRadialBar + grid overlay

Radial Chart - Grid

With grid reference circles

Progress68%
Trending up by 5.2% this month
January - June 2024
ChartRadialBar (centerContent)

Radial Chart - Text

Large center value display

200Visitors
Trending up by 5.2% this month
January - June 2024
ChartRadialBar (showCaps)

Radial Chart - Shape

Rounded end caps like Apple Watch rings

80%
Trending up by 5.2% this month
January - June 2024
ChartRadialBar (3 items + centerContent)

Radial Chart - Stacked

Multiple concentric rings

2,620Total visitors
Chrome
Safari
Firefox
Total: 2,620 visitors
January - June 2024