XY Charts

XY charts provide general-purpose data visualization with support for bar charts, line charts, or combinations of both.

Example

xychart-beta
    title "Sales Revenue"
    x-axis [Jan, Feb, Mar, Apr, May]
    y-axis "Revenue (k$)" 0 --> 100
    bar [50, 60, 75, 80, 95]
    line [50, 60, 75, 80, 95]

IDE Support

Mermaid Studio provides basic support for XY charts:

• Syntax highlighting for axes, data series, and titles
• Live preview with chart rendering
• Error detection for invalid syntax

Learn More

For complete syntax documentation including multiple data series and axis configuration, see the Mermaid.js XY Chart documentation.