Free Bar Graph Maker Online — Private & No Signup

How to use

1

Enter categories and values

One line per bar: Label, number. Optionally set the chart title and axis labels. The chart updates as you type.

2

Read the signed scale

Positive bars grow up or right from zero; negative bars grow down or left. Tick labels mark the value axis.

3

Download or adjust

Toggle horizontal bars or value labels, then save a PNG locally. Nothing is uploaded.

Bar graph maker specification

Version 2.1.0 · Runtime tested · Local-first

App status

Runtime tested 13 automated checks passed · 12 published cases
Local-only Verified
Server data transfer None
Storage None — not written to localStorage
App version 2.1.0

Local-first runtime specification · Review policy · Evidence

Definition: A bar graph compares categories with rectangular bars whose length or height is proportional to each category’s value, measured from a zero baseline.
What it does: A scaled bar chart from label–value pairs, with optional title, axis labels, orientation, value labels, tick labels, and count/max/min/average summary.
Inputs: One or more lines of Label, value (comma, colon, or tab separator)
Optional chart title, X-axis label, Y-axis label
Orientation (vertical or horizontal)
Show values and multi-color toggles
Outputs: Canvas bar chart preview with a quantitative tick scale
PNG download
Count, max, min, and average of the signed series
Scale: domain = [min(0, min(values)), max(0, max(values))] If span(domain) = 0: domain = [0, 1] and every bar has length 0 barEnd = chartSpan × (value − domainMin) / span(domain) Vertical: positive grows up from 0; negative grows down from 0 Horizontal: positive grows right from 0; negative grows left from 0
Data handling: Chart data remains in this browser tab. CalculatorX does not receive, store, or sync the series. Ordinary page assets are separate from this claim.
Storage: None — not written to localStorage
Export: PNG (canvas snapshot, bar-graph.png)
Assumptions: Each non-empty, well-formed line provides one category and one finite numeric value.
The scale domain always includes zero so bar length encodes signed magnitude.
Malformed lines are skipped and do not affect the scale.
Default axis captions are Category/Value and swap when Horizontal bars is enabled. Custom captions are left unchanged.
Rendering and download run locally in the browser.
Units: Category: text label
Value: signed number (unitless unless you name units in the axis label)
Limitations: Empty data shows a placeholder instead of bars.
If every value is 0, bars have length 0 and the scale is [0, 1].
One series per chart; no grouped or stacked bars.
Labels longer than about 8–10 characters are truncated on the axis.
PNG export is a local canvas snapshot, not a server-rendered image.
No version-locked browser matrix is published yet.
Compatibility: Designed for modern Chrome, Edge, Firefox, and Safari
No version-locked browser matrix is published yet
Example: Jan, 12 · Feb, 19 · Mar, 8 · Apr, 15 · May, 22 · Jun, 18 → Count 6 · Max 22 · Min 8 · Avg 15.7, scaled from 0 to 22
Validation cases: A, 10 / B, 20 → B bar twice as long as A; both grow up from 0
A, 10 → Single full-height bar
A, 1.5 / B, 2.75 → Decimal lengths 1.5/2.75 and 1
A, 0 / B, 10 → A has length 0; B is full height
A, 0 / B, 0 / C, 0 → No NaN; three zero-length bars; Count 3 · Max 0 · Min 0 · Avg 0.0; scale [0, 1]
A, -10 / B, -20 → Both grow down from 0; B is twice as long as A; domain [-20, 0]
A, -10 / B, 20 → A grows down, B grows up from a shared zero baseline; lengths are not equal
Horizontal: A, 100 / B, -100 → Equal lengths; A grows right, B grows left; X-axis = Value, Y-axis = Category
A, foo / B, 10 → Malformed line skipped; one bar for B
Empty input → Placeholder, no bars
A, 1e308 → Finite full-length bar
Download PNG → Local bar-graph.png canvas snapshot
Sources: Vega-Lite — Bar Chart with Negative Values and a Zero-Baseline — Bar chart with negative values
Supports: Negative bars cross a zero baseline instead of using absolute value
Vega-Lite — Scale — Quantitative scale
Supports: Bar-chart value scale includes zero unless explicitly disabled
App version: 2.1.0

About this tool

Details and tips for this tool.

Use the tool above to build a bar chart from plain text—with a signed zero baseline, tick labels, horizontal layout, and PNG download.

When to use a bar graph

Bar graphs excel at comparing magnitudes across categories (months, products, survey answers), including gains and losses around zero. Prefer a line graph for continuous trends over time, and a pie chart when you need part-to-whole shares.

Data tips

Separators: Apples, 42, Apples: 42, or tab-separated pairs all work.
Values may be negative, zero, or decimal. Negative bars cross the zero baseline; they are not flipped to the positive side.
Keep category names short so axis labels stay readable.
Draft rows in the Online Notepad before pasting them here.

Customization

Control	Effect
Chart title	Drawn above the plot
X-axis / Y-axis	Caption under or beside the plot. Defaults swap in horizontal mode (Value × Category).
Horizontal bars	Categories on the Y-axis; positive bars grow right, negative bars grow left
Show values	Prints each number near its bar
Multi-color bars	Distinct hue per category
Download PNG	Saves the current canvas locally

Frequently asked questions

Key distinctions behind the tool.

Is this bar graph maker free?

Yes. Create and download charts with no account and no upload—everything runs in your browser.

What data format does the bar graph accept?

One category per line: a label, then a comma, colon, or tab, then a number. Example: Sales, 1500. Scientific notation such as 1e6 is accepted. Malformed lines are skipped.

How are negative values drawn?

The value axis includes zero. Positive bars grow up (or right, in horizontal mode) from the zero baseline; negative bars grow down (or left). A value of −100 is not drawn as a +100 bar.

Can I download the chart as an image?

Yes. Use Download PNG to save the canvas as bar-graph.png. You can also capture the page with the Screenshot tool.

Can I make horizontal bars?

Yes. Enable Horizontal bars to put categories on the Y-axis and values on the X-axis—useful for long labels. Default axis captions swap with the orientation.

Can I plot multiple series (grouped or stacked bars)?

This maker plots one series per chart. For grouped comparisons, build separate charts or combine categories into one series. Line and pie makers are available for other chart types.

Is my data sent to a server?

No. Parsing, drawing, and PNG export stay on your device.

Bar graph maker