Create a Radar Chart in Swift

Plotting data with the framework Charts

Example of a Radar Chart made with Charts.

In this article, we will explore how to create radar charts in Swift to plot our data.

A radar chart is a special kind of chart with a web-like structure and star-shaped forms, thus, sometimes it’s also called spiderweb chart or star plot. A good example can be seen in the image above.

We won’t create such charts from scratch, instead we will use the framework Charts, which contains eight different types of charts, including these radar charts.

To see how to use this framework, we will try to recreate the chart from above, which is included in the project’s README.

We will start by adding some data points to a plain radar chart. Finally, we will style the chart by adding colors, configuring the axis, and defining how to format the labels.

Update (03/24/2020): In a last section, we will see how to use Charts with SwiftUI.

Adding Data

Let’s start by adding some example data to our chart view, which we can simply add to our view controller via storyboard by positioning a plain UIView and setting its class to a chart view we want to display, which is RadarChartView in this example.