Free XY Chart Maker Online
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
| Element | Syntax | Description |
|---|---|---|
| Title | title "Chart Title" | Chart heading |
| X-axis | x-axis [A, B, C] | Category labels |
| Y-axis | y-axis "Label" min --> max | Value axis with range |
| Bar data | bar [10, 20, 30] | Bar chart data points |
| Line data | line [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.
Got Mermaid code from ChatGPT? Paste it here to render and export instantly.
Get the Free Mermaid Syntax Cheat Sheet
Free Mermaid Syntax Cheat Sheet
All 21 diagram types in one PDF reference.
Frequently Asked Questions
Ready to create your own xy chart?
Open the editor with this example pre-loaded and start customizing.
Related Diagram Types
Pie Chart Maker
Visualize data distributions and percentages with simple pie charts.
Gantt Chart Maker
Plan projects, track timelines, and visualize task dependencies with Gantt charts.
Quadrant Chart Maker
Plot items on two axes to create priority matrices, competitive analyses, and strategic frameworks.