Bar chart maker — paste data, get a clean SVG bar chart

How to use the bar chart maker

1. Paste your rows into Chart data, for example from a spreadsheet: Month,Revenue, then Jan,42000 and so on.
2. Type a Chart title and, if you like, X-axis title and Y-axis title.
3. Choose Sort bars (Keep my order, Largest first or Smallest first), and keep Show value labels ticked to print each number on its bar.
4. To draw attention to one bar, type its label into Highlight one bar.
5. Pick a Colour theme, a Background (white, transparent or dark) and the Width and Height, then use Copy SVG or download the .svg file.

What it does and when to use it

A bar chart is the clearest way to compare amounts across categories: sales by month, votes by option, survey answers, or scores by team. This maker turns a small table into a tidy chart in seconds, without opening a spreadsheet program. It suits reports, slides, school projects, blog posts and dashboards made by hand.

Below the chart, the tool lists the data it read in a table, so you can check that every row came through. If a whole column has no numbers, it says so and leaves it out instead of guessing.

For long category names, a horizontal bar chart is easier to read. To show how parts add up to a total, use the stacked bar chart, and for trends over time, the line chart maker is often a better fit.

How it works

The data is parsed with the PapaParse library, which handles commas, tabs and quoted values. The first column becomes the labels and each further column with numbers becomes a series. The tool then:

• picks a value range that includes zero and rounds the axis to “nice” steps of 1, 2 or 5 × 10ⁿ;
• draws one bar per label (or a group of bars per label for several series);
• writes numbers with thousands separators and shortens axis ticks, such as 20K;
• adds a <title> and a <desc> listing every value, so screen readers can read the chart.

It all runs in your browser, and the SVG contains only shapes and text, with no scripts.

Worked examples

These come from the tool’s own output.

Monthly revenue (the sample data). Six bars from Jan to Jun, titled “Revenue by month (USD)”. The axis runs 0, 20K, 40K, 60K, 80K, and the value labels read 42,000 up to 61,900 for June. The chart’s description lists every value, ending “Jun: 61,900”.

A loss below zero. Net profit of −1,200, 800, 2,500 and 1,900 for Q1–Q4. The axis runs from −2,000 to 3,000, and the Q1 bar hangs below the zero line.

Two series. Team,2025,2026 with rows for Sales (12, 15) and Support (9, 8) draws grouped bars for each team and a legend for 2025 and 2026.

Limits and tips

• Keep it short. Around a dozen bars stays readable. Long labels are shortened with an ellipsis.
• Label widths are estimated, because the chart is built without measuring text on screen, so allow some extra width for long titles.
• Empty or non-numeric cells are drawn as missing bars and show as blanks in the data table, so check the table if a bar seems to be absent.
• Not for parts of a whole. If the values are shares of a total, consider a pie chart or a 100% stacked bar.