Bar Chart Generator — Chart Maker

Paste your labels and values, pick a colour and an orientation, and the Bar Chart Generator draws the chart in your browser. No account, no upload, no wait for a server. Monthly traffic figures, survey results, budget breakdowns, step counts: anything that maps a category name to a number is a bar chart waiting to happen. The lead sample loads six months of website traffic (Jan to Jun 2026: 12,400 / 15,800 / 18,200 / 16,900 / 21,300 / 24,700), a growth trend with a mid-April dip that shows up immediately on first render.

The chart is a real SVG element. It scales without blurring at any screen size and downloads at its native resolution. Five colour schemes (Terracotta, Blue, Green, Purple, and Mixed) cycle across bars automatically, so a ten-bar chart never repeats a hue for adjacent bars in the Mixed palette. Switching between vertical bars and horizontal bars takes one click; horizontal mode is easier to read when label text is longer than a few characters.

Step by Step: Getting a Chart from Your Data

1. Enter a chart title in the title field. It appears centred above the bars in the exported SVG.
2. Type your bar labels as a comma-separated list in the Labels field: Jan, Feb, Mar or Software, Services, Training, Support.
3. Type matching values in the Values field, the same number of items in the same order: 12400, 15800, 18200.
4. Choose your colour scheme and orientation, then toggle value labels and grid lines on or off.
5. Export the finished chart as an SVG file or copy the SVG markup directly. Download the data table as a CSV with two columns: Label and Value.

What the Input Format Accepts

• Labels and values must have the same count. If they differ, the tool shows the validation message “Label count (N) and value count (M) must match.” Fix either list before the chart renders.
• Zero is a valid value. The daily step-count sample includes a Thursday with zero steps; that bar renders at zero height against the baseline, not as an error.
• Non-numeric values trigger the message ““N” is not a valid number.” Check for commas inside a number or stray text in the values field.
• Long labels are truncated in vertical mode. A label that exceeds the available bar width is cut with an ellipsis so the chart stays readable; the full text still appears in the data table.
• Y-axis ticks round up to a clean magnitude. A dataset whose maximum is 24,700 gets a 30,000 ceiling so the tallest bar never clips and the grid lines land on round numbers.

Where Your Data Goes

Everything runs inside the browser tab. No data is sent to a server and no files are uploaded. The SVG is generated by the page itself using the Web API XMLSerializer, and the CSV download is a Blob created in memory. Both leave your device only when you explicitly choose to save them.