How many rows does the Bar Chart Maker accept?

Between 2 and 30 inclusive. Rows outside that range are ignored, and the chart only draws from rows the parser fully understood.

What does one row of input look like?

Anything in the form label,value with exactly one comma on the line. For example: Apples,42 puts the label Apples under the axis and draws a bar proportional to 42.

Can the chart handle negative values?

Yes. Negative values draw bars that extend below the zero baseline, and the tick range expands to include them.

What should I do if one bar dominates the chart?

Either scale the values down before pasting, or split the dominant category into its own chart. The preview flags extreme ranges with visibility limits so smaller bars still render.

Is my data uploaded anywhere?

No. The rows stay on your device while you use the tool, and only the finished SVG is downloaded when you click the download button.

What file format do I get?

An SVG, which is a text-based XML vector format that scales without quality loss and can be opened in browsers, Illustrator, Inkscape, or any vector editor.

Can I use commas inside a label?

No, not without changing how the row is parsed. A label containing a comma creates a second separator and the row will be skipped. Replace internal commas with a dash or vertical bar so only one comma remains on the line.

What if my values use currency symbols or thousand separators?

Strip them before pasting. Write 1500 instead of $1,500 and 42 instead of 42%. The parser reads plain numbers only, and any extra characters on the value side will skew the bar length.

When should I pick a different chart tool instead?

Choose a pie chart when the values are parts of a whole, a line graph when the values are sequential over time, and a scatter plot when each row is an (x, y) pair. The Bar Chart Maker is best for one value per category.

How to Make a Bar Chart From Any List of Numbers

Q: Does the downloaded file match the preview?

Yes. The SVG is generated from the exact string shown in the preview, so what you download is identical to what you verified.

A bar chart is a graph in which each category is drawn as a rectangular bar whose length is proportional to the value it represents, and the simplest way to make a bar chart from a plain text list is to paste 2 to 30 label,value rows into the Bar Chart Maker, check the preview, and download the rendered chart as a standalone SVG file. The Bar Chart Maker reads rows written as label,value (one comma per non-empty row), draws the bars against a baseline at zero with five evenly spaced tick values, and produces an SVG that is generated from the exact string shown in the preview, so what you download is identical to what you verified.

Spreadsheet programs can produce bar charts, but they usually need a populated data range, formatting decisions, and a separate export step. A purpose-built tool skips all of that: you focus on the category labels and their numbers, and the chart geometry, tick spacing, and file output are handled for you. This article walks through the exact input format the Bar Chart Maker expects, the order of clicks that produces a chart, how to read what the preview is showing you, and how to choose between this tool and a few related generators when your data is shaped a little differently.

Input Format the Bar Chart Maker Expects

Every non-empty row must contain exactly one comma. The text before the comma becomes the category label shown under the axis; the text after the comma is parsed as the numeric value that determines the bar's length. Labels can include spaces and most punctuation; values should be plain numbers (decimals work, negative numbers work, and the tool ignores currency symbols and stray whitespace around digits).

Rows with zero or two or more commas are ignored, which means the chart only draws from rows the parser fully understood. Titles are optional and go in a single field above the paste area; you can leave it blank if the chart context is already obvious from the labels. The tool enforces a hard range of 2 to 30 rows so the axis stays readable regardless of how many categories you bring.

Component	Where it appears	What controls it
Title	Top of the chart	Single optional text field
Category labels	Below the X axis, rotated for fit	Text before the comma in each row
Bar values	Bar lengths along the Y axis	Number after the comma in each row
Tick values	Left axis, evenly spaced	Five ticks computed automatically from the value range
Baseline	Y equals zero	Drawn explicitly so zero-length bars are visible

How to Make a Bar Chart With the Bar Chart Maker

The whole process is paste, preview, download. Use these steps in order.

Open the Bar Chart Maker and, if you want one, type a short title in the title field.
Paste your data into the text area using one row per category in the exact form label,value — for example, Apples,42 with a single comma and no extra commas on that line.
Confirm your row count is between 2 and 30 inclusive and that every non-empty row has exactly one comma; trim stray commas or split multi-comma rows into separate lines.
Watch the preview update as you type. Read the labels along the bottom, the five tick values on the left axis, and the location of the zero baseline.
Scan for any bars that hug the top edge or sit so close to zero they look invisible; if a bar clips off, consider scaling your values down or splitting the dataset so the chart stays legible.
Click the SVG download button. The file you receive is generated from the exact string shown in the preview, so the saved file matches what you just verified.

Reading the Preview Before You Download

The preview is your only chance to confirm the chart reflects the data you intended. Start with the labels: rotated or truncated category names are a signal that labels are too long and you may want to abbreviate them. Then look at the five tick values on the left axis; they should bracket your data with the smallest tick at zero and the largest tick comfortably above your maximum value, leaving visible space above the tallest bar.

Extreme value handling matters because a single very large value can flatten every other bar. If one category dominates, the chart may apply visibility limits so the smaller bars stay visible; in that case the preview's tallest tick will sit below the maximum value and the affected bar will be clipped at the chart edge. Treat this as a hint that the dataset wants to be split, not as a bug. You can also confirm that the zero baseline is drawn explicitly, which is what makes any zero-value bars show up as flat strips rather than disappearing entirely.

A Concrete Walkthrough With Sample Data

Imagine you run a small bookstore and want to compare weekly sales across five categories. You paste the following into the Bar Chart Maker:

Fiction,182
Nonfiction,94
Children,67
Cookbooks,41
Comics,28

Five rows, each with a single comma, all positive values. The preview draws five vertical bars whose lengths are proportional to those counts. The smallest tick sits at 0, the largest tick climbs above 182, and there is clear headroom above the Fiction bar so it does not touch the top of the chart frame. Because no row contains a comma inside its label or value, the parser accepts every line and the chart reflects your full dataset.

Now suppose the dataset changes and a single outlier appears: Fiction,182 is replaced with a viral best-seller week at Fiction,1820. The preview will detect the extreme range, keep the smaller bars visible, and clip the Fiction bar at the chart edge with a tick ceiling below 1820. That visual cue is the signal to either divide Fiction by 10 (Fiction,182) to restore a balanced scale, or to chart the outlier week on its own so the rest of the categories stay readable.

When a Different Chart Type Fits Better

Bar charts emphasize discrete comparisons, but not every list of numbers is a good fit for them. If your values represent parts of a whole, a circle drawn with proportional slices communicates proportional share more directly than a row of bars. The Pie Chart Maker takes the same label,value input style and exports a PNG instead of an SVG, which is friendlier to slide decks and social images.

If your data is sequential rather than categorical — for example, monthly counts over a year — a connected line carries the trend better than separated bars. The Line Graph Maker accepts the same row format and produces an SVG; for two numeric columns where each row names an (x, y) pair, the Scatter Plot Maker draws a linear scatter that may be a better match. For grouped bars in a single SVG, see How to Create a Bar Chart With Multiple Bars in SVG; for pie-shaped comparisons you can read a parallel walkthrough at Make a Pie Chart From Any List of Numbers.

Data shape	Best fit	Tool	Output
One value per category	Bar chart	Bar Chart Maker	SVG
Parts of a whole	Pie chart	Pie Chart Maker	PNG
Sequential values over time	Line graph	Line Graph Maker	SVG
Paired (x, y) coordinates	Scatter plot	XY Scatter Plot Maker	SVG
Multiple series per category	Grouped bar chart	Grouped bar guide	SVG

Troubleshooting Common Input Problems

Most preview surprises trace back to a row that didn't parse. If the tool reports a row was skipped, the row probably has zero commas or more than one comma, which often happens when a label itself contains a comma (a city plus state, for example). The supported fix is to replace that internal comma with a dash or vertical bar so the parser sees only the single separating comma.

If a bar shows the wrong length but the row looks clean, the value side of the comma may include stray characters. Currency symbols, percent signs, and thousand separators (commas inside numbers) all break simple parsing — write 1500 instead of 1,500. Negative numbers work as long as the minus sign sits immediately to the left of the first digit, with no spaces. Scientific notation is parsed when both the mantissa and exponent are integers (for example, 3e5), which is rarely needed for the 2 to 30 row range the tool handles.

Another frequent problem is rows that look identical but produce different bars, which usually means one value was typed with a leading or trailing space. Trim your paste so every value begins and ends on a digit, then regenerate. For the SVG itself, the file is text-based XML, so it can be opened in any vector editor and recolored by editing the stroke or fill attributes if you want a quick visual variant without re-running the tool. The W3C SVG specification on the SVG graphics format covers the basic attribute model if you want to make those edits by hand.

Privacy and Where Your Data Lives

Because the Bar Chart Maker parses and renders in the browser, the rows you paste never leave your device. Nothing is uploaded to a server for processing, storage, or analytics, and the only file produced on your end is the SVG you choose to download. If you clear your browser tab or close the window, the in-memory data is discarded along with it. That makes the tool safe to use with internal figures, draft survey results, or any other numbers you would not ordinarily post to a web form.

If you're weighing options, Make a Mind Map in Canva Without Design Skills covers this in detail.