← All diagram types
MERMAID DIAGRAM GUIDE

Mermaid radar chart online editor

Compare multiple options across a consistent set of dimensions. Create the diagram in Mermaid Studio, preview it instantly, and export it when it is ready to share.

Open the Radar editor See an example

WHAT IT IS FOR

Make the important relationships clear

Compare several options across the same dimensions when a single number cannot describe the trade-offs between them.

  • Compare product capabilities
  • Review team or system qualities
  • Present multi-dimensional evaluations
Why use Mermaid Studio?
  • Write the source as versionable Mermaid code.
  • Preview changes immediately in the browser.
  • Export the finished diagram as SVG or PNG.
  • Start from a related template when you need a head start.

MERMAID EXAMPLE

Start with a working example

Copy the structure, replace the labels with your own domain, and continue in the full editor.

radar-beta
  title Diagram tool comparison
  axis speed["Speed"], clarity["Clarity"], cost["Cost"]
  curve mermaid["Mermaid"]{5, 4, 4}
  curve other["Other"]{4, 5, 3}
  max 5

HOW TO START

Create your diagram in four steps

  1. 1Choose dimensions that matter to the decision.
  2. 2Use the same scale for every axis.
  3. 3Score each series consistently.
  4. 4Explain what the shape means instead of relying on the visual alone.

WRITING TIPS

Keep the diagram useful

Use the same maximum for every axis.

Limit the number of compared series.

FAQ

Frequently asked questions

What is a radar chart good for?+

Radar charts help compare multiple options across a consistent set of dimensions when the audience needs a broad view of trade-offs.

How many dimensions should a radar chart use?+

Use enough dimensions to support the decision but avoid so many axes that the shape becomes difficult to read.

TEMPLATES

Start from a related template

Tool capability radar

Compare diagram tools across speed, clarity, and cost.

Open template

RELATED DIAGRAMS

Explore another Mermaid diagram

Mermaid flowchart

Visualize processes, decisions, and system flows with connected nodes.

Read the guide

Mermaid sequence diagram

Map requests, responses, and asynchronous events between services.

Read the guide

Mermaid class diagram

Design domain objects, properties, methods, inheritance, and relationships.

Read the guide

Mermaid ER diagram

Document database entities, fields, relationships, and cardinality.

Read the guide

Mermaid state diagram

Show how an object or workflow changes state in response to events.

Read the guide

Mermaid mindmap

Organize ideas and subtopics hierarchically around a central theme.

Read the guide

Ready to make a Radar?

Open the editor with a working example and adapt it to your project.

Start in Mermaid Studio