Generate radar chart

Plot several categories on shared radial axes for a multi-criteria comparison.

freeworks offlinenothing uploaded
ToolRadar Chart Generator
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

Each category value is mapped to an angle around a circle and a radial distance on a shared scale; adjacent points are joined into a polygon for each series. Equal axis domains are required for visual comparison across categories.

  • A common radial scale prevents one axis from exaggerating a category.

Worked example

Skill Assessment
Generate a radar chart comparing skill levels
Input
											Title: Developer Skills
Axes: ["JavaScript","CSS","React","Node.js","SQL"]
Series: [{"name":"Alice","values":[90,75,85,70,60]},{"name":"Bob","values":[70,80,60,90,85]}]
Size: 400
Show grid: true
Output

When to use this

Feature scores, player attributes, and multi-criteria reports use radar charts.

Edge cases

  • Different units cannot share one radial scale without normalization.
  • The first and last points must join to close the polygon.
  • A zero value belongs at the center and can hide behind another series.