FreeCharts

Radar Chart

Animated radar (spider) chart with axis labels, background grid rings, radial lines, and polygon animation from center to full size

Free
Free with a ShipSwift account.

Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.

Works with

+70

What it does

An animated radar (spider) chart with axis labels, background grid rings, and radial lines. The data polygon animates from center to full size on appear. Supports 3+ axes with customizable max value. Pure SwiftUI implementation using custom Shape for the data polygon with animatable progress.

What you get

  • ✓238 lines of source code, ready to paste
  • ✓Source Code
  • ✓Usage
chartradarspiderdata visualizationSwiftUI

Usage

Basic Radar Chart

SWRadarChart(data: [
    .init(label: "Tolerance", value: 75),
    .init(label: "Ambition", value: 50),
    .init(label: "Acuity", value: 50),
    .init(label: "Creativity", value: 85),
    .init(label: "Stability", value: 85)
])
.padding(100)

Custom Max Value with Hidden Labels

SWRadarChart(
    data: [
        .init(label: "Speed", value: 200),
        .init(label: "Power", value: 150),
        .init(label: "Defense", value: 180)
    ],
    maxValue: 250,
    showLabels: false
)
.frame(width: 300, height: 300)

More in Charts

All 8 skills in Charts