Skip to main content

XY Chart

Overview​

In Mermaid, the XY chart module lets you create charts that use both the x-axis and y-axis to display data. Currently, it includes two main types: bar charts and line charts. These help you visualize and analyze data with two numerical variables. While these are the only chart types available now, Mermaid is designed to be flexible and can include more chart types in the future. This means you can expect new charting options to be added over time to meet different data visualization needs.

Code​

xychart-beta
    title "Sales Revenue"
    x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
    y-axis "Revenue (in $)" 4000 --> 11000
    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]

Example​