Skills › Scientific Agent Skills › markdown-mermaid-writing › radar.md

radar.md

68 lines · skills/markdown-mermaid-writing/references/diagrams/radar.md at 5f2bc03

1

3# Radar Chart

5> **Back to [Style Guide](../mermaid_style_guide.md)** — Read the style guide first for emoji, color, and accessibility rules.

7**Syntax keyword:** `radar-beta`

8**Mermaid version:** v11.6.0+

9**Best for:** Multi-dimensional comparisons, skill assessments, performance profiles, competitive analysis

10**When NOT to use:** Time series data (use [XY Chart](xy_chart.md)), simple proportions (use [Pie](pie.md))

12> **Accessibility:** Mermaid 12.0.0 emits `accTitle`/`accDescr` for this type. Keep a visible description and verify older destination renderers.

14---

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: Mermaid 12.0.0 emits accTitle/accDescr for this type. Keep a visible description and verify older destination renderers.

Raw lines 1 to 15

16## Exemplar Diagram

18_Radar chart comparing two engineering candidates across six core competency areas, showing complementary strengths:_

20```mermaid

21radar-beta

22 accTitle: Radar Example

23 accDescr: Illustrative radar diagram; the surrounding text describes its data and relationships.

24 title Team Skill Assessment

25 axis sys["System Design"], algo["Algorithms"], comms["Communication"], team["Teamwork"], ops["DevOps"], acq["Domain Knowledge"]

26 curve candidate_a["Candidate A"]{4, 3, 5, 5, 2, 3}

27 curve candidate_b["Candidate B"]{2, 5, 3, 3, 5, 4}

28 max 5

29 graticule polygon

30 ticks 5

31 showLegend true

32```

34---

Exemplar Diagram

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

radar-beta
    accTitle: Radar Example
    accDescr: Illustrative radar diagram; the surrounding text describes its data and relationships.
    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

Raw lines 16 to 35

36## Tips

38- Define axes with `axis id["Label"]` — use short labels (1–2 words)

39- Define curves with `curve id["Label"]{val1, val2, ...}` matching axis order

40- `max` sets the displayed radial limit; it does not normalize data. Convert unlike units to a justified common scale before plotting, declare direction (higher/lower is better), and provide the exact data table

41- `graticule` options: `circle` (default) or `polygon`

42- `ticks` controls the number of concentric rings (default 5)

43- `showLegend true` adds a legend for multiple curves

44- Keep to **5–8 axes** and **2–4 curves** for readability

45- **Always** pair with a Markdown text description above for screen readers

47---

Tips

Define axes with axis id["Label"] — use short labels (1–2 words)
Define curves with curve id["Label"]{val1, val2, ...} matching axis order
max sets the displayed radial limit; it does not normalize data. Convert unlike units to a justified common scale before plotting, declare direction (higher/lower is better), and provide the exact data table
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

Raw lines 36 to 48

49## Template

51_Description of what dimensions are being compared across which entities:_

53```mermaid

54radar-beta

55 accTitle: Radar Example

56 accDescr: Illustrative radar diagram; the surrounding text describes its data and relationships.

57 title Your Radar Title

58 axis dim1["Dimension 1"], dim2["Dimension 2"], dim3["Dimension 3"], dim4["Dimension 4"], dim5["Dimension 5"]

59 curve series_a["Series A"]{3, 4, 2, 5, 3}

60 curve series_b["Series B"]{5, 2, 4, 3, 4}

61 max 5

62 showLegend true

63```

Template

Description of what dimensions are being compared across which entities:

radar-beta
    accTitle: Radar Example
    accDescr: Illustrative radar diagram; the surrounding text describes its data and relationships.
    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

Raw lines 49 to 65

66## Verified reference

68Syntax examples reviewed against [official Mermaid documentation](https://mermaid.js.org/syntax/radar.html) and rendered with Mermaid 12.0.0 (2026-10-01). Check the destination version; appearance and accessibility are not guaranteed by a successful parse.

Verified reference

Syntax examples reviewed against official Mermaid documentation and rendered with Mermaid 12.0.0 (2026-10-01). Check the destination version; appearance and accessibility are not guaranteed by a successful parse.

Raw lines 66 to 68