Bar Graph Maker

Type or paste your numbers and get a clean bar graph you can drop into a report, slide or post. One column of values makes a simple bar chart; two or more columns become grouped or stacked bars with a legend. The graph is drawn in your browser and comes out as a PNG for documents and an SVG you can resize or restyle without losing sharpness.

How to use this tool

1. Enter one "label, value" line per bar, or paste a table from Excel or Google Sheets with the series names in the first row.
2. Choose vertical or horizontal bars and, for several series, grouped or stacked.
3. Add a title, axis titles and value labels, and pick a colour set or your own hex colours.
4. Set the size and PNG resolution, then download the PNG or SVG.

Formula

step = nice(range ÷ n), with nice() rounding to 1, 2 or 5 × 10ᵏ; axis = [⌊min ÷ step⌋ × step, ⌈max ÷ step⌉ × step]

The value axis always includes zero, because a bar's length is its value — starting a bar chart above zero exaggerates differences. n (the number of intervals) follows the chart size, about one gridline every 70 px of height for columns or 110 px of width for horizontal bars. With values shown on the bars, the largest and smallest values get 8% headroom first so their labels fit inside the chart.

Example

Laptops 42/51, Phones 65/72, Tablets 28/24 and Accessories 19/31 for 2025 and 2026 make 8 bars in four groups. The largest value is 72, or 77.8 with 8% headroom for its label; on the default 500 px height the axis aims for 7 intervals, and 77.8 ÷ 7 ≈ 11.1 rounds to a step of 10, so the axis runs 0 to 80.