OneTaskBy Tim King · Updated
Radar Chart Maker
Spider Chart from CSV, Download SVG or PNG Free
OneTask is free, with no sign-up, and built by one person.
If this tool saved you time, a coffee helps keep new ones coming.
How the Radar Chart Maker works
This radar chart maker plots several measures on one web. A radar chart, also called a spider or web chart, plots several measures for one or more things as points on spokes around a centre, joined into a shape. It is the standard picture for player stats, skill assessments, product comparisons and survey profiles. Paste a table with one row per axis and one column per series, and download the chart as SVG or PNG. Nothing is uploaded.
Radar chart maker: what to paste
A header row and then one row per axis. The first column holds the axis names, such as Speed, Power and Stamina, and every following column is a series to draw, with the column header used in the legend. Separate cells with commas or tabs, which is what you get from copying a block in Excel, Google Sheets or Numbers. Three axes is the minimum; six to eight reads best, and past a dozen the labels start to crowd.
Scale, rings and grid
Every spoke shares one scale from zero at the centre to the maximum at the rim. By default the maximum is the largest value in the table; type a number in Scale maximum to fix it, for example 100 for percentages or 10 for ratings, so several charts drawn from different tables line up. Rings sets how many guide lines are drawn between the centre and the rim, each labelled with its value. Grid draws those guides as concentric polygons, the classic spider web, or as circles, which some readers find easier to judge distances on.
Line and fill
Straight joins the points with straight segments, which is the honest choice because the value only exists at each spoke. Curved smooths the shape through the points for a softer look in slides and infographics. Filled tints each shape at 20 percent opacity so overlapping series remain visible; Outline only draws just the lines when there are many series or when the chart will be printed in black and white.
Reading a radar chart
The area of a shape is easy to over-read: it grows with the square of the values and depends on which axes sit next to each other, so use the chart to compare profiles, where one series is strong and another weak, rather than to rank totals. If a total matters, a bar chart of the same table is the clearer picture. Put related axes next to each other and keep all axes on the same kind of scale; mixing a 0 to 10 rating with a 0 to 100 percentage on one web is misleading.
Exporting
Download SVG gives a vector file with editable text and separate paths per series. Download PNG renders at one, two or three times the preview width. Copy SVG puts the markup on the clipboard. Hover any point to see its exact value.
FAQ
Can I compare more than two things?
Yes. Add a column for each series; each gets its own colour from the palette and a legend entry. Three or four overlapping shapes is the practical limit before the chart becomes hard to read; for more, draw several small charts with the same Scale maximum.
Values above the maximum are cut off
Anything larger than Scale maximum is clamped to the rim, and negative values are drawn at the centre. Raise the maximum, or leave it blank so the largest value in the table sets the rim.
Why does my chart look different from a colleague's?
Radar shapes depend on axis order. Two charts of the same numbers with the axes in a different sequence produce different shapes, so agree an order and keep it fixed across every chart you compare.
Can I use different scales on each axis?
Not on this page; one scale is shared by all spokes. Convert each measure to a common scale first, such as percent of the best value or a 0 to 10 rating, then paste the converted table.
See also: all Chart Makers tools, Images, Audio, Video & Screen, PDF, SVG, Simulations & Screensavers, Generative Art, 3D Model Viewers, Drawing Pads, Mockups & 3D Making, Diagram Makers, 3D Science, Tracker Music.
Related tools
Bar Chart Maker
Paste CSV, get a grouped or stacked bar chart; download SVG or PNG.
Line Chart Maker
Paste CSV, get a multi-series line graph; download SVG or PNG.
Bubble Chart Maker
Paste name,x,y,size rows, get a labelled bubble chart; SVG or PNG.
Donut Chart Maker
Paste label,value rows, get a donut with the total in the middle.
SVG To PNG
Rasterise an SVG to a PNG at any width.