Free XY Chart Maker Online

Mermaid Code
Loading Monaco Editor...

Free XY Chart Maker Online

Build bar charts and line charts with custom data using simple Mermaid syntax.

What is a XY Chart?

An XY chart creates bar charts and line charts using Mermaid's charting syntax. It plots data on x and y axes, supporting categorical or numerical x-axes with bars, lines, or both. XY charts are essential for data visualization, trend analysis, and presenting metrics in reports and dashboards.

Common Use Cases

  • Revenue tracking - Visualize sales data over time periods
  • Performance metrics - Chart KPIs across categories or dates
  • Comparison analysis - Compare values across different categories
  • Trend visualization - Show data trends with line charts
  • Report generation - Create charts for documentation and presentations

Syntax Quick Reference

ElementSyntaxDescription
Titletitle "Chart Title"Chart heading
X-axisx-axis [A, B, C]Category labels
Y-axisy-axis "Label" min --> maxValue axis with range
Bar databar [10, 20, 30]Bar chart data points
Line dataline [10, 20, 30]Line chart data points

Export Options

PNG Export

High-resolution images for documents and presentations.

SVG Export

Scalable vectors for web and further editing.

PDF Export

Print-ready format for professional documentation.

Frequently Asked Questions

Related Diagram Types