Non-numeric value
One of the rows has a value column that cannot be parsed as a number.
Fix: Remove units (e.g., $, %, ms) and thousand separators so the value column is plain numbers.
Bar Chart Maker
Paste CSV or JSON and generate a customizable bar chart with axis labels, colors, legend, and PNG/SVG export
Loading tool...
Advertisements
sidebar • 160x600
What is Bar Chart Maker
Written by Giorgos Kostas. Last reviewed:
A bar chart plots a numeric value against a discrete category using rectangular bars. It is the default chart for comparing counts, totals, or rates across categories such as months, products, countries, or campaigns.
Bar Chart Maker takes paste-friendly CSV or JSON, renders an interactive bar chart in your browser, and exports it as PNG or SVG that is ready for docs, slides, and reports.
Why use it
- Skip a spreadsheet or design tool when you just need a clean bar chart for a doc or slide.
- Paste real CSV from a query result and get a live preview without any setup.
- Export PNG for docs and SVG for print or vector-perfect embedding.
- Keep data in your browser — nothing is uploaded to a server.
Features
- CSV and JSON paste
- PNG export (2× rasterization)
- SVG export
- Configurable axis labels
- 5 built-in color palettes
- Legend and grid toggles
- Client-side rendering
How to use Bar Chart Maker
- Paste data. Paste CSV or JSON label/value rows into the editor.
- Label axes. Set the chart title, X label, and Y label.
- Pick a palette. Choose a palette and toggle legend or grid as needed.
- Export. Download PNG for docs or SVG for vector reuse.
Example (before/after)
CSV input
label,value Jan,42 Feb,58 Mar,71 Apr,49 May,83 Jun,65
Rendered bar chart
Bar chart with 6 bars labeled Jan–Jun, heights 42–83, rendered as SVG with axis labels and legend ready for PNG export.
Common errors
Header row missing
The tool treats a fully numeric first row as data, which may shift your labels.
Fix: Add a header row like `label,value` as the first line so columns are detected correctly.
FAQ
How much data can I chart?
There is no hard cap, but we recommend under 200 bars for readability. Above that you should consider a line chart or small multiples.
Can I export an image?
Yes — both PNG (rasterized from SVG at 2× for crisp display) and raw SVG are available.
Is my data uploaded?
No. Parsing and rendering happen entirely in your browser; nothing is sent to a server.
Can I change colors?
Yes. Pick from the indigo, teal, warm, cool, or mono palettes — each bar automatically uses a different shade for contrast.
Related tools
Related chart builders and data-prep tools: You can also browse the full Chart Makers category for more options.
Line Chart Maker
Plot one or more series from CSV or JSON data with smoothing, grid, markers, and PNG/SVG export
Pie Chart Maker
Turn label/value pairs into a labeled pie chart with custom colors, legend, and PNG/SVG export
Doughnut Chart Maker
Build a doughnut chart from label/value pairs with adjustable thickness, legend, colors, and PNG/SVG export
Scatter Plot Maker
Plot x/y points from CSV or JSON with axis labels, grid, and PNG/SVG export
CSV to JSON
Convert CSV to JSON format
JSON to CSV
Convert JSON to CSV format
CSV Viewer
View CSV data in a table format
JSON Formatter
Format, validate, and beautify JSON online with readable indentation, syntax checking, and copy-ready output for APIs, logs, and config files.
CSV to Jira Table
Convert CSV into a Jira-ready table for issue descriptions and comments, with escaped cells, readable headers, and copy-ready pipe-table output.
CSV to SQL MERGE Statements
Convert CSV rows into SQL MERGE statements online with key-column matching and PostgreSQL or SQL Server output for sync and bulk update workflows.
CSV to SQL UPDATE Statements
Convert CSV rows into SQL UPDATE statements online with selectable key columns, table names, and MySQL, PostgreSQL, or SQL Server output.
CSV to SQL UPSERT Statements
Convert CSV rows into SQL UPSERT statements online with key-column matching, table-name controls, and dialect-aware output for major databases.