---
title: "New Component - Radar / Spider Charts"
description: "Compare profiles across 3 to 8 dimensions at a glance. One polygon per series over a shared radial web, with a legend and fixed or auto scale."
url: "https://www.imejis.io/changelogs/radar-component"
image: "https://www.imejis.io/og/components/radar.jpg"
published: "2026-07-22"
author: "imejis"
---

# New Component - Radar / Spider Charts

## New Component: Radar

When you're comparing things across several dimensions at once, product vs product, player vs player, you vs the benchmark, a radar chart says it in one shape.

### The data

It takes two arrays: `axes` (the spoke labels) and `series`, where each series is `{ name, values, color? }` and its values line up with the axes in order. Overlay two or three series and each draws its own colored polygon with a legend, which is perfect for "us vs competitor vs benchmark."

### Controls

Set a fixed `max` to keep charts comparable across renders, or leave it off to auto-fit each chart to its own data. You also get adjustable grid rings, fill opacity, per-series colors, and optional value labels on the vertices for single-series scorecards.

### Dynamic data, per render

```http
POST https://render.imejis.io/v1/<design-id>
{
  "compare.axes": ["Speed", "Power", "Range", "Accuracy", "Defense"],
  "compare.series": [
    { "name": "Model A", "values": [80, 65, 90, 70, 85] },
    { "name": "Model B", "values": [60, 85, 70, 90, 65] }
  ]
}
```

Product and feature comparison scorecards, team and player skill profiles, candidate or vendor evaluations, performance-vs-benchmark cards.

### Try it

It's under Data in the editor palette, with a live playground on the [radar component page](/components/radar).