The Bar Chart Maker converts a bulk list of 2 to 30 label,value rows into a single vertical bar chart and exports the result as a standalone SVG that is byte-for-byte identical to the on-screen preview. "Bulk" here means many categories in one chart rather than many charts at once: every accepted row becomes its own bar, ordered exactly as you typed it, with the chart widening horizontally to keep labels legible instead of squeezing them onto a phone screen. Everything happens in the current browser tab — no upload, no account, no spreadsheet software — and the same SVG markup powers both the preview and the Blob download, so the file you save is the file you inspected. The parser enforces strict rules: each non-empty row must contain exactly one comma, a label of at most 24 UTF-16 code units before it, and a nonnegative finite base-ten or scientific-notation number after it. Anything else — quoted fields, negative numbers, hex, Infinity, NaN, or typed units — causes the whole request to fail rather than producing a partial chart. That strictness is what lets the layout engine produce a deterministic, defensible chart every time.
What "Bulk" Means for This Chart Maker
The bar chart maker treats bulk input as a single categorical dataset with many entries, not as a batch job that produces many charts at once. A chart requires between 2 and 30 non-empty rows, and the tool rejects anything outside that window without partial output. If you paste 31 rows, generation fails and reports the exact non-empty row count; the parser never silently keeps only the first 30, skips a bad row, substitutes zero, or hands you a partial chart. This all-or-nothing rule exists because a chart with missing bars is usually more misleading than no chart at all, and because deterministic input lets the layout engine pick a stable vertical scale.
Below 2 rows there is nothing to compare, and above 30 rows category labels and bar widths start to crowd each other on a 520-pixel-tall canvas. Rather than cram more bars in, the tool expands the SVG horizontally as rows are added and lets wide charts scroll in the preview, keeping every bar visible and every label readable. If you need to plot more than 30 categories, the right move is to group them in your data before pasting — the tool does not aggregate, sort, or infer units from your input.
The Strict CSV-Lite Input Format
The bulk input format is intentionally CSV-lite rather than full CSV. Every non-empty row must contain exactly one comma: a label before it and a numeric token after it. Blank or whitespace-only lines are ignored, so you can paste a long list with stray blank lines and the parser will skip them without failing. Leading and trailing whitespace around each label and number is trimmed automatically before validation runs.
Labels can contain most ordinary text but are bounded by length: each label may use at most 24 UTF-16 code units, and the numeric token at most 40. Exact limits pass, and one code unit beyond fails. The tool does not support quoted fields, quoted commas, additional columns, empty labels, typed units, expressions, hexadecimal, Infinity, or NaN. Values must be nonnegative finite base-ten numbers, with ordinary decimals and e/E scientific notation both accepted. Negative zero is normalized to zero. Nonzero values from 1e-300 through 1e300 are supported; lexical input that underflows to zero and input above the maximum are rejected.
Duplicate labels are allowed and remain separate bars in input order, which is useful when the same category appears in two periods or two segments. There is no aggregation, sorting, or unit inference — the chart shows exactly what you typed, in the order you typed it.
Bulk Input Rules at a Glance
The table below summarizes what the parser accepts and rejects when you paste a bulk dataset. Use it as a checklist before clicking generate.
| Input Characteristic | Behavior |
|---|---|
| 2 to 30 non-empty rows | Required; outside this range the entire request fails. |
| Exactly one comma per row | Required; quoted commas are unsupported. |
| Label before comma, number after | Required; both sides are trimmed of whitespace. |
| Blank or whitespace-only lines | Ignored; they do not count toward the row limit. |
| Label up to 24 UTF-16 code units (exceeding rejects the entire request) | Accepted; one unit beyond fails the row. |
| Numeric token up to 40 code units (exceeding rejects the entire request) | Accepted; one unit beyond fails the row. |
| Decimal numbers (e.g. 3.14) | Accepted. |
| Scientific notation (e.g. 1.5e3) | Accepted. |
| Negative numbers, Infinity, NaN | Rejected. |
| Hexadecimal, expressions, units | Rejected. |
| Duplicate labels | Accepted; rendered as separate bars in input order. |
How to Turn Your Bulk Rows Into a Downloaded SVG
- Open the Bar Chart Maker and enter an optional title in the title field. A blank title still receives the accessible label "Bar chart" inside the SVG.
- Paste your dataset as strict CSV-lite text. Each non-empty row should look like Region,1284 with one comma separating a label from a nonnegative finite number. Strip stray units like "$" or "%"; placed after the comma they land in the numeric-token position and are rejected because they are not valid nonnegative finite numbers.
- Generate the chart. The preview shows the title, every category label, the baseline, five numeric reference ticks, and one bar per accepted row. Check the label order, tick spacing, and zero handling before downloading.
- Verify any extreme-range visibility limits. If your largest value is hundreds of orders larger than the next one, a small positive bar can fall below SVG coordinate precision and appear flat; the tooltip still reports its value, but a logarithmic or separately grouped chart is the right tool for that case.
- Click the download button to save the standalone SVG. The file is built from the exact string shown in the preview, so the markup you reviewed is the markup you publish.
Editing the title or data immediately clears the previous preview, status, and download, so each generation starts from a known state. The download URL is revoked as soon as you change inputs, replace a result, hit a generation failure, or close the component, which avoids both immediate-revocation download races and accumulated ObjectURL leaks.
How the Chart Handles Zero, Extreme, and All-Zero Data
Zero is special-cased but never hidden. A value of 0 maps exactly to the baseline, and the displayed axis maximum maps to the plot top using a nonnegative linear scale. The upper bound rounds upward to a finite 1, 2, 5, or 10 multiple of a power of ten — for example, a largest value of 73 produces an axis that tops out at 100 (1 × 10²), and the five evenly spaced ticks sit at 0, 25, 50, 75, and 100. This product-defined "nice" domain is deterministic, though it is not a promise to reproduce every D3 tick choice you might see elsewhere; the D3 linear scale documentation explains the underlying rounding heuristic the chart follows.
When every value in your bulk dataset is zero, the chart switches to an explicit zero-to-one reference axis, keeps every bar at zero height on the baseline, and adds an all-zero note. This avoids division by zero and keeps the supplied values exactly as you entered them.
Extremely wide value ranges can make a positive bar visually indistinguishable from zero because the linear ratio is smaller than SVG coordinate precision. The tooltip still reports the real value, but the chart does not invent a minimum-height bar — doing so would break the stated linear scale and misrepresent the data. Use a logarithmic chart or a separate, grouped chart when tiny categories must remain visible beside values hundreds of orders larger. For deeper reading on scale choices with bulk input, see How to Make a Bar Chart From Any List of Numbers.
Privacy, Output, and When to Pick a Different Tool
Every step runs locally. Parsing, layout, SVG generation, preview rendering, Blob creation, and the download all stay in the current browser tab. Nothing about your labels, values, title, or interactions is uploaded, fetched, or logged. There is no formula evaluation, no remote API call, and no raster image generation. The SVG itself is 520 pixels tall, expands horizontally as rows are added, and uses the W3C SVG namespace with standard rect, line, text, g, and title elements. Coordinates are finite, bounds-validated, and rounded to three decimals; user strings are XML-escaped before entering text, tooltip, title, or accessibility attributes, so ampersands, angle brackets, quotes, and apostrophes become entities and script-like labels remain visible text rather than SVG elements. The W3C SVG 2 specification defines the elements used in the exported markup.
This is the right tool when you have a small categorical dataset (2 to 30 categories) and want a clean, accessible, deterministic bar chart you can drop into a document or web page. It is not the right tool when you need logarithmic scaling, percentages, error bars, multiple series per category, legends, color encoding, or aggregation. Check labels, axis range, zero handling, extreme-scale visibility, and tooltips before publishing — the chart does not decide whether it communicates responsibly for you. To run the same workflow described above, open the Bar Chart Maker, paste your CSV-lite rows, and download the standalone SVG that matches the preview.
Related reading: Compliment Generator Bulk: Build a Varied Batch Fast.