DataViz Tip #28: Chart Types: Radar and Polar Charts

Posted in
amCharts Blog
Posted on
Tagged
,

Radar and Polar charts help you represent series of quantitative variables in a circular manner on axes starting from the same point. You can think of Radar chart as a radial version of a line chart, and Polar chart as a radial bar chart.

See the Pen amCharts V4: Radar chart (1) by amCharts (@amcharts) on CodePen.

Both chart types are at their best when variables in a series have some meaningful order. For example, when variables (spokes) represent minutes in an hour, hours in a 24 (or 12) hour cycle, months in a year, etc.

Additionally, radar charts are often used to compare features of multiple subjects. For example, you can show several core stats of multiple basketball players, characters or items (cars, guns) in a vide game etc. These could either be displayed on the same chart or as a series of multiple radar charts side-by-side in a panel.

amCharts 4 support for Radar and Polar charts

You can create a multitude of Radar and Polar chart variants and plays on them with amCharts 4. Check out the documentation to get started and get deep with Radar charts.

These demos should get you a feel of what can be done with RadarChart type in amCharts 4:

See the Pen amCharts V4: Radar timeline chart by amCharts (@amcharts) on CodePen.

Try clicking on the continents, zooming in and out, dragging the timeline slider, etc.

See the Pen amCharts V4: Radar chart with date-based axis by amCharts (@amcharts) on CodePen.

You can zoom-in by selecting a sector by dragging your mouse.

See the Pen amCharts V4: Radar chart with switched axes by amCharts (@amcharts) on CodePen.

See the Pen amCharts V4: Stacked area radar chart by amCharts (@amcharts) on CodePen.

Try interacting with the chart – zoom-in/out using sliders or mouse selection.

See the Pen amCharts V4: Zoomable radar chart by amCharts (@amcharts) on CodePen.

See the Pen amCharts V4: Variable radius radar chart by amCharts (@amcharts) on CodePen.

It doesn’t even have to be a full circle with amCharts 4, if that’s what you are after. Try using the slider at the bottom to change the radius of the whole chart from a full circle to a straight column chart.

We are giving away a great data visualization book each month! Subscribe to our newsletter to get monthly tips like the one above and you’ll be automatically entered in the sweepstakes to win an awesome book.