---
title: Radar Chart
description: Used to display data as segments of a circular chart
links:
  storybook: charts-radar-chart--basic
  recharts: https://recharts.org/en-US/api/RadarChart
---

<ExampleTabs name="charts/radar-chart-basic" />

## Usage

```tsx
import { Chart, useChart } from "@chakra-ui/charts"
import { Radar, RadarChart } from "recharts"
```

```tsx
<Chart.Root>
  <RadarChart>
    <Radar />
  </RadarChart>
</Chart.Root>
```

## Examples

### Lines Only

<ExampleTabs name="charts/radar-chart-lines-only" />

### Multiple

<ExampleTabs name="charts/radar-chart-multiple" />

### Point Labels

<ExampleTabs name="charts/radar-chart-with-point-label" />

### Filled Grid

<ExampleTabs name="charts/radar-chart-with-filled-grid" />

### Circle Grid

<ExampleTabs name="charts/radar-chart-with-circle-grid" />

### Dots

<ExampleTabs name="charts/radar-chart-with-dots" />

### Tooltip

<ExampleTabs name="charts/radar-chart-with-tooltip" />
