Radar Chart Maker
A radar chart (also called a spider or web chart) plots several variables on axes that radiate from a common center, then connects the points into a shape. It is the clearest way to profile one or more subjects across multiple dimensions at once — skills, product features, or performance metrics. Enter your dimensions, overlay datasets, and export a polished PNG.
Common Use Cases
Skill Profiles
Product Comparison
Performance Reviews
How to Create a Radar Chart
Enter Dimensions & Values
List your dimensions (skills, metrics, features) as labels and give each a value. Every dimension becomes one axis of the web.
Add Datasets to Compare
Click Dataset to overlay another profile in a different color — for example two players, two products, or before-and-after scores.
Style the Shapes
In Chart Options, toggle Fill Area to shade each profile and adjust Fill Opacity so overlapping shapes remain readable. Choose a color palette and place the legend.
Export as PNG
Add a title and click PNG to download a 2x-resolution image on a white background.
Features & Options
Customization Tools
Fill Area
Shade each profile to emphasize its overall coverage, or turn fill off for outline-only shapes.
Fill Opacity
Keep overlapping profiles semi-transparent so every dataset stays visible.
Multiple Datasets
Overlay several profiles in distinct colors with automatic legends.
Reading the Shape
| Shape | Interpretation |
|---|---|
| Large, balanced polygon | Strong and even across all dimensions |
| Spiky shape | Excels in a few areas, weak in others |
| Small polygon | Low scores across the board |
| One shape enclosing another | One subject outperforms the other on every axis |
Frequently Asked Questions
How many dimensions should a radar chart have?
Three to eight dimensions work best. Fewer than three has no real web shape, and too many crowd the labels and make the polygon hard to interpret.
Can I compare multiple datasets?
Yes. Add a dataset for each subject and overlay them in different colors. Comparing the shapes immediately shows who is stronger on which dimension.
Why should every dimension use the same scale?
The radial distance from the center represents the value. If dimensions use different ranges, the shape becomes misleading. Normalize everything to a common scale, such as 0-10 or 0-100.
How do I keep overlapping shapes readable?
Lower the Fill Opacity so the shapes are semi-transparent, or turn off Fill Area to compare outlines only. Distinct palette colors also help separate the datasets.
When should I avoid a radar chart?
Avoid it when you need precise value comparisons — judging exact lengths along radial axes is harder than reading a bar chart. Radar charts are about overall profile and shape, not pinpoint accuracy.
Is my data processed privately?
Yes. The chart is built and exported entirely in your browser. Nothing you enter is sent to a server.
No comments yet. Be the first to comment!