Developer Runs locally Ready to use Built-in examples No tracking

Bar Chart Maker

Type "label,value" per row to draw a labelled bar chart with sum, mean, max/min and share table — all local.

A bar chart compares magnitudes across categories, which suits monthly sales, absolute volume by channel or scores across several options. This tool needs no account and no installation: paste lines of label,value and the chart appears, along with the sum, mean, largest and smallest entries and a share table — enough for a figure in a report, a review or a slide deck.

Two limits are worth knowing: keep the data to a few dozen rows, 50 at most, because too many categories crowd the bars together and a detail table serves better; and the chart is drawn on a browser canvas, so it can be saved as an image through the context menu and pasted into a deck or a document. Nothing is uploaded and no network connection is used.

—
—
—
—

How to use

  1. Paste rows of label,value.
  2. Read the chart and the summary statistics.
  3. Check the share table for the proportions.
  4. Save the canvas as an image for a report or a slide deck.

How it works

How to enter the data

One record per line in "label,value" format — commas may be halfwidth, fullwidth or Tab; values-only lines get labels 1, 2, 3… automatically, up to 50 lines.

How to read the chart

Bar heights are proportional to each value against the y-axis ceiling, which snaps to a "1/2/5 × 10ⁿ" grid; each bar carries its value on top and its label below.

Are negative values supported?

The stat cards below give total, mean, max/min (with labels), and the detail table lists every value with its percentage of the sum.

Code example

JavaScript Drawing the same bar chart with ECharts 

// ECharts is a widely used charting library with thorough docs and examples
const chart = echarts.init(document.getElementById('chart'));

chart.setOption({
  tooltip: { trigger: 'axis' },
  xAxis: { type: 'category', data: ['Jan', 'Feb', 'Mar'] },
  yAxis: { type: 'value' },
  series: [{
    type: 'bar',
    data: [120, 200, 150],
    label: { show: true, position: 'top' }, // show the value above each bar
  }],
});

Shell Cross-checking the data on the command line 

# List the top 10 rows by the second column, descending
sort -t, -k2 -nr data.csv | head -10

# Sum and row count (to check the total matches the chart)
awk -F, 'NR>1{s+=$2} END{printf "total %d, %d rows\n", s, NR-1}' data.csv

# Note: use a charting tool or BI for presentation charts — the command line is for quick checks

FAQ

Is the data uploaded to a server?

No. Parsing and drawing happen entirely locally — it works offline and is safe for business data.

Does the bar chart support negative values?

No. Shares and "above mean" comparisons are meaningless for negatives; input containing them suggests the line chart instead.

How is the y-axis scale chosen?

The smallest "1/2/5 × 10ⁿ" step greater than or equal to the maximum (87 → 100; 5 → 5), keeping integer ticks without the top bar touching the edge.

How do I get the chart into slides or documents?

Screenshot the canvas directly, or frame the chart with your system's screenshot tool; the canvas draws at 640×360 and stays sharp when enlarged.

What's the bar limit?

50 bars — beyond that you'll see the "50 lines max" notice. For more categories, aggregate into groups first.

How are shares computed?

Each value divided by the sum of all values, times 100, kept to two decimals; when the sum is 0 the share shows 0%.

Bar, line or pie — which one?

Compare magnitudes across categories with bars; track trends over time with lines; show composition with pies.