Skip to content
Radar Chart

A radar chart (also called a spider chart or star chart) plots multiple data points on axes that radiate outward from a central point. Each axis represents a different dimension; the data points are connected to form a polygon. Comparing two or more polygons on the same chart makes strengths and gaps immediately visible.

Radar charts work well for comparing profiles across multiple categories: skill assessments, product comparisons, survey results, or any situation where a single subject is rated across several independent dimensions.

This diagram type is experimental and requires Mermaid v11.6 or later.

radar-beta
    title Content Creator Self-Assessment
    axis writing["Writing"], research["Research"], photography["Photography"]
    axis seo["SEO"], social["Social Media"], editing["Editing"]

    curve current["Current"]{80, 65, 55, 40, 70, 75}
    curve target["Target"]{90, 80, 70, 60, 85, 85}

    max 100
    min 0

Each curve is a named data series. Values are listed in the same order as the axes, so the first number on each curve corresponds to the first axis declared. Multiple curves overlap on the same chart, making comparison straightforward.

Syntax
MARKDOWN
```mermaid
radar-beta
    title Content Creator Self-Assessment
    axis writing["Writing"], research["Research"], photography["Photography"]
    axis seo["SEO"], social["Social Media"], editing["Editing"]

    curve current["Current"]{80, 65, 55, 40, 70, 75}
    curve target["Target"]{90, 80, 70, 60, 85, 85}

    max 100
    min 0
```

For more radar chart syntax see the radar chart documentation at mermaid.js.org

© 2026 Docizr. All rights reserved.