Skip to content

Radar Chart

A radar (spider) chart compares one or more entities across several axes at once — skill matrices, product scorecards, grades. kymo's editor reads the Mermaid radar-beta syntax.

This page works like a quickstart: as you scroll, the pane on the right shows the source and the preview for the section you're reading. Copy grabs the source; ▶ Open in editor loads it into editor.kymo.studio (pick mermaid in the diagram-type dropdown when starting from scratch).

axis lines declare the spokes (alias["label"], comma-separated, across as many lines as you like); each curve alias["label"]{v1, v2, …} plots an entity, with values in axis order. max and min pin the scale ends — without them the scale fits the data.

The -beta suffix on the header is required — the syntax is still stabilising upstream.

radar-beta
    title Grades
    axis m["Math"], s["Science"], e["English"]
    axis h["History"], g["Geography"], a["Art"]
    curve alice["Alice"]{85, 90, 80, 70, 75, 90}
    curve bob["Bob"]{70, 75, 85, 80, 90, 85}
    max 100
    min 0

▶ Try it in the editor

Rendered grades.mmd

Status. Radar previews on this page and in the editor use the Mermaid renderer; importing radar charts into kymo's own pipeline (native SVG/PNG/PDF rendering) is on the roadmap.

See also

Apache 2.0 Licensed