2569 Radar 2024c1e2

Radar Chart

Back to Style Guide — Read the style guide first for emoji, color, and accessibility rules.

Syntax keyword: radar-beta Mermaid version: v11.6.0+ Best for: Multi-dimensional comparisons, skill assessments, performance profiles, competitive analysis When NOT to use: Time series data (use XY Chart), simple proportions (use Pie)

⚠️ Accessibility: Radar charts do not support accTitle/accDescr. Always place a descriptive italic Markdown paragraph directly above the code block.

Exemplar Diagram

Radar chart comparing two engineering candidates across six core competency areas, showing complementary strengths:

radar-beta
    title Team Skill Assessment
    axis sys["System Design"], algo["Algorithms"], comms["Communication"], team["Teamwork"], ops["DevOps"], acq["Domain Knowledge"]
    curve candidate_a["Candidate A"]{4, 3, 5, 5, 2, 3}
    curve candidate_b["Candidate B"]{2, 5, 3, 3, 5, 4}
    max 5
    graticule polygon
    ticks 5
    showLegend true

Tips

• Define axes with axis id["Label"] — use short labels (1–2 words)
• Define curves with curve id["Label"]{val1, val2, ...} matching axis order
• Set max to normalize all values to the same scale
• graticule options: circle (default) or polygon
• ticks controls the number of concentric rings (default 5)
• showLegend true adds a legend for multiple curves
• Keep to 5–8 axes and 2–4 curves for readability
• Always pair with a Markdown text description above for screen readers

Template

Description of what dimensions are being compared across which entities:

radar-beta
    title Your Radar Title
    axis dim1["Dimension 1"], dim2["Dimension 2"], dim3["Dimension 3"], dim4["Dimension 4"], dim5["Dimension 5"]
    curve series_a["Series A"]{3, 4, 2, 5, 3}
    curve series_b["Series B"]{5, 2, 4, 3, 4}
    max 5
    showLegend true