Home › Generators › Bar Graph Maker Online

Bar Graph Maker Online

This bar graph maker online turns your numbers into a clean chart in seconds. Type your labels and values into the table, pick a bar or column layout and a colour, add a title, and watch the chart draw itself live. When it looks right, download it as a PNG for a slide, a report, or a school assignment — no sign-up, no software, and your data never leaves your browser.

3 bars · Highest: Feb (180)
Total: 450 · Average: 150 · Lowest: Jan (120)

Up to 12 bars. Values can be negative — they draw on the other side of the zero line.

Your chart

The chart redraws as you type. Columns suit short labels such as months; switch to horizontal bars when your labels are long.

How it works

A bar graph shows numbers as rectangles. The length of each bar matches its value, so a bar twice as long means a value twice as big, and your eye can compare a whole set of numbers in one glance. Bars that stand up are called columns, with the categories running along the bottom; bars that lie on their sides are called bars, with the categories running down the left. Both show the same data — the choice is about which one reads better for your labels.

To make a chart, fill in the data table. Each row is one bar: type the category name in the label box and the number in the value box. The chart redraws every time you type, so you can see it take shape as you work. Press Add row for another bar, up to 12 in total, and press the × beside any row to remove it. The chart title sits above the chart, and the value axis label tells readers what the numbers mean — dollars, points, votes, or anything else.

Bar length ∝ value  ·  Scale: the longest bar fills the chart area, and every other bar is sized in proportion  ·  Average = total ÷ number of bars

The maker scales the chart for you. It finds the biggest absolute value in your data and sizes the longest bar to fill the chart area; every other bar is drawn in proportion to it. That is why the bars stay comparable even when your numbers are 12 and 12,000. A zero line is drawn across the chart so that negative values — losses, temperatures below zero, or drops from a starting point — show clearly on the other side. Each bar is labelled with its exact value, so nobody has to guess a number from a length.

Colour is more than decoration. A single colour keeps the focus on the sizes, which is right for most charts. The rainbow scheme gives every bar its own colour, which helps when you are talking about the bars one by one in a presentation. Whichever scheme you choose, the value labels stay dark and readable, and the chart is drawn on a white background so it pastes cleanly into slides and documents. Press Download PNG to save it as a 560 by 420 pixel image.

Bar graphs are the right choice when you are comparing a handful of categories. They beat pie charts when there are more than a few slices, and they beat line charts when the categories are not a sequence in time — although months are a fine use too, as the worked example shows. If your data is a trend over many points, a line chart may serve better; if it is a few totals side by side, a bar graph is hard to beat.

Worked example

A small shop wants to show its sales for the first three months of the year: January $120, February $180, March $150. Build the chart.

Step 1: Type "Monthly sales" as the chart title and "Sales ($)" as the value axis label.
Step 2: Enter three rows: Jan — 120, Feb — 180, Mar — 150.
Step 3: Leave the orientation on columns and the colour on blue. The maker finds the biggest value, 180, and sizes the February column to fill the chart height.
Step 4: January's column is drawn at 120 ÷ 180, or two thirds of the height. March's column is drawn at 150 ÷ 180, or five sixths of the height.
Step 5: Read the summary. The total is 120 + 180 + 150 = 450, the average is 450 ÷ 3 = 150, the highest month is February at 180, and the lowest is January at 120.

Try it yourself: the tool opens with exactly these three rows. The chart shows three blue columns — February tallest at 180, March in the middle at 150, January shortest at 120 — and the summary reads "3 bars · Highest: Feb (180)" with a total of 450 and an average of 150.

FAQ

What is a bar graph?

A bar graph is a chart that shows numbers as rectangles. The length of each bar matches its value, so longer bars mean bigger numbers and you can compare values at a glance. Bars can run up and down, which is called a column chart, or left to right, which is called a bar chart. Bar graphs are used for sales figures, survey results, test scores, and any data where a few categories need comparing.

How do I add or remove bars?

Press Add row to add a new bar, up to a total of 12, and press the remove button beside any row to delete that bar. Every row has a label and a value: type the category name in the label box and the number in the value box, and the chart redraws at once. You can also edit the rows that are already there.

Can I use negative values in a bar graph?

Yes. Negative values draw in the opposite direction from the zero line: downwards in a column chart and to the left in a bar chart. They are useful for showing losses, temperature below zero, or changes from a starting point. The zero line is drawn clearly so positive and negative bars are easy to tell apart.

How do I download my chart?

Press the Download PNG button and the chart saves as a PNG image file called bar-graph.png. The image is 560 by 420 pixels with a white background, so it pastes cleanly into slides, documents, and reports. The chart is drawn entirely in your browser, so your data is never sent anywhere.

What is the difference between a bar chart and a column chart?

They show the same data, only the direction changes. In a column chart the bars stand up and the categories run along the bottom, which suits short labels such as months. In a bar chart the bars lie on their sides and the categories run down the left, which suits long labels such as survey answers. Switch between them with the orientation selector and use whichever reads better.