Radar Chart Maker

Enter labeled data points — skills, product specs, survey scores, anything scored on a common scale — and get a live radar chart (also called a spider chart or web chart). Overlay up to 4 datasets to compare, edit any value and watch it redraw instantly, then export as PNG or SVG. Nothing you type ever leaves your browser.

🔒 100% browser-side — nothing uploaded Up to 4 datasets Live editing Free PNG & SVG export

Your data

Datasets to compare

Scale

Chart preview

Free exports above are full working PNG/SVG files with a small watermark. for a 4160×4160px PNG export with no watermark, one-time unlock.

How this radar chart maker works

A radar chart — also called a spider chart, web chart, or star chart — plots three or more quantitative variables on axes that radiate out from a shared center point, spaced evenly around a circle. Each variable gets its own axis (also called a spoke), and a dataset's value on each axis is marked with a point; connecting those points draws a polygon that gives you an at-a-glance "shape" for that dataset. Radar charts are the standard way to visualize multi-attribute comparisons where every attribute shares a common scale: skill ratings (Speed, Strength, Agility, Endurance…), product or vendor comparisons across several criteria, survey results across categories, or team/individual performance reviews across competencies.

This tool builds the chart with real geometry, computed live in your browser: for N axes, axis i sits at angle 2π × i / N measured clockwise from the top. A value's distance from the center (its radius) is that value scaled linearly against your chart's max — either auto-detected from your highest entered value, or a manual max you set yourself. Converting an (axis, value) pair to an actual point on the page uses x = centerX + r·sin(angle) and y = centerY − r·cos(angle), which is what places axis 0 straight up and walks the rest clockwise around the circle. Every dataset's points are then connected into a closed polygon and layered with a translucent fill, so overlapping shapes from multiple datasets stay readable rather than hiding each other.

Comparing multiple datasets

Add up to four datasets — each gets its own name, color, and one value per axis — to compare, say, "Product A" against "Product B" and "Product C" on the exact same criteria. The legend below the chart maps each color back to its dataset name, and every polygon updates instantly as you edit any value or label, so you can tune the comparison without re-generating anything.

Auto-scale vs. manual scale

By default the chart auto-scales its outer ring to your highest entered value, which keeps the chart filling the available space no matter what numbers you're plotting (a 1–10 skill scale, a 0–100 score, or anything else). Turn off auto-scale to fix the outer ring at a specific number yourself — useful when you want two separately-built charts to use the exact same scale for a fair visual comparison, or when your scale has a fixed meaning (like "10 = perfect score").

Exporting your chart

Both PNG and SVG export are free and produce a real downloadable file, built directly from the same chart you see on screen — the free files include a small watermark. SVG export gives you an infinitely-scalable vector file you can drop straight into a design tool; PNG gives you a flat raster image ready to paste anywhere. A one-time Pro unlock ($5.99) adds a 4160×4160px ("4K") PNG export with no watermark, rendered from the same chart at higher resolution.

FAQ

How many axes/categories can I add?
As many as you like, with a practical minimum of 3 (a radar chart needs at least 3 axes to form a shape). Very high axis counts will make labels crowd together, so keep it readable — most useful radar charts use 4–10 axes.
How many datasets can I compare at once?
Up to 4, each with its own name and color, overlaid on the same axes so you can compare them directly.
Does my data get uploaded anywhere?
No. The chart is drawn entirely with inline SVG in your own browser — there's no server-side processing, upload, or account. See the privacy policy.
What's the difference between a radar chart and a spider chart?
None — they're the same chart type, just different common names (also "web chart" or "star chart"). This tool is searched for and built for all of them.
Can I use negative numbers?
The tool clamps plotted values to the 0–scale range, since radar charts are built around a shared zero-centered radius. If your data includes negatives, consider shifting all values by a constant offset before entering them so everything is non-negative but the relative differences are preserved.
Is this free to use?
Yes — building charts and exporting PNG/SVG (with a small watermark) is completely free, no sign-up. A one-time Pro unlock ($5.99) adds a 4160×4160px PNG export with no watermark.