Mermaid template

XY Chart

Bar and line charts from plain text - trends and comparisons without a spreadsheet.

xychart-beta
    title "Monthly sign-ups"
    x-axis [Jan, Feb, Mar, Apr, May, Jun]
    y-axis "Users" 0 --> 1200
    bar [320, 450, 600, 720, 950, 1100]
    line [320, 450, 600, 720, 950, 1100]

An XY chart draws bars, lines or both against two axes. Name the categories on the x-axis, give the y-axis a title and range, then add one bar or line series per row.

It is handy for quick metrics in a README or design doc, where the numbers should live next to the text that explains them.

Spotted a bug or have a suggestion?

Found something broken, have an idea, or just want to say thanks about any of our tools? Every message reaches a real person.