Skip to content

Chart maker. From table to PNG in seconds.

Data 5 rows

Rendered locally, nothing is uploaded.

Drawn from scratch, kept on your machine

No charting library and no server, every bar, slice and label is painted on a canvas in your browser, so your figures never leave the device. Edit the table or paste two columns of data and the chart updates live. Export a crisp 2x PNG for slides, docs or social, or copy it straight to your clipboard.

§ · written guide

How to use the Chart Maker

This chart maker turns a short list of labels and numbers into a bar, line, pie or donut chart you can save as an image. It draws the chart on a canvas in your browser and redraws it with every edit. It is meant for quick charts for slides, reports, emails and social posts, not for large datasets.

Step by step

  1. Enter your data

    Under Data, each row has a label and a value. The page starts with five sample months, Jan to May. Type over them, press Add row for another line, or press the cross at the end of a row to remove it. Rows with an empty value are left out of the chart.

  2. Or paste it in

    Press Paste data, paste two columns from a spreadsheet or a CSV, and press Load data. Tabs, commas and semicolons are detected for you, and a first row whose second cell is not a number is treated as a header and skipped. Loading replaces all current rows.

  3. Choose a chart type

    Under Chart type, pick Bar, Line, Pie or Donut. Bar is the default. Use Bar or Line to compare amounts or show change over time, and Pie or Donut to show parts of a whole.

  4. Add a title and colors

    Type a Chart title (it starts as Monthly revenue), or clear it for a chart with no title. Under Color theme, click one of the five swatches: Moss, Ocean, Sunset, Berry or Slate.

  5. Choose the labels

    Show values prints each number above its bar or point, or a percentage on each pie slice. Legend adds a list of labels, values and percentages beside a pie or donut chart. Both are on by default.

  6. Export the chart

    Press Download PNG to save a 1800 × 1120 px image named after the title and chart type, such as monthly-revenue-bar.png. Press Copy image to put the picture on your clipboard and paste it into a slide, doc or email.

Reading the chart

  • On bar and line charts the scale starts at zero and steps in round numbers. The sample data peaks at 210, so the axis runs from 0 to 250 in steps of 50.
  • Large numbers are shortened on the chart: 1,500 shows as 1.5k, and millions and billions show as M and B.
  • Pie and donut slices show their share of the total. In the sample, Apr is 210 of 760, so its slice reads 28%. The donut shows the total, 760, in its center.
  • Negative values work on bar and line charts and draw below the zero line. Pie and donut charts count them as zero.

Tips and common mistakes

  • The chart background follows the site's light or dark theme. Switch the site theme before you export if the chart is going onto a white page.
  • Keep labels short. On bar and line charts, labels longer than 14 characters are cut short. With 14 or more rows the labels tilt to fit, and then anything over 12 characters is cut.
  • Slices smaller than about 4.5% of the total get no percentage label, so they do not overlap. The legend still lists them.
  • A line chart draws the whole line, its points and its shaded area in the first color of the chosen theme.
  • If Copy image says your browser blocked it, use Download PNG instead. Some browsers do not allow pages to copy images.

Privacy and limits

The chart is drawn on a canvas in your browser and no charting service is involved. Your numbers are not uploaded and not saved, so reloading the page brings back the sample data. Once the page has loaded, the tool keeps working without a connection.

Back to the tool

§ 02 · what you can do

Everything a chart maker should do.

Four chart typesRounded bar charts (negative values included), line charts with gradient area fill and markers, and pie or donut charts with percentage slices.
Paste from a spreadsheetTab, comma or semicolon columns are detected automatically, header rows are skipped, and quoted numbers like “1,200” stay one cell.
Five color themesMoss, Ocean, Sunset, Berry and Slate palettes, switch any time and the chart redraws instantly to match your brand.
Smart axes & labels“Nice” tick steps, k / M / B number formatting, an emphasized zero baseline, and x-labels that rotate automatically when space gets tight.
Legend & value togglesShow or hide value labels and the legend with one click, donut charts get a center total, legends show value and percentage per row.
2x PNG exportDownload a crisp retina PNG named after your title, or copy the finished chart straight to your clipboard for docs and email.
§ 04 · faq

Frequently asked questions.

Is Chart Maker free?
Yes, completely free for everyone. No sign-up, no account and no usage limits.
Is it private? Is my data uploaded anywhere?
No upload, ever. The chart is painted on a canvas element in your browser on your own device, your numbers never leave your computer and no server is involved.
What chart types can I make?
Bar charts (with rounded corners and negative-value support), line charts with a gradient area fill and data-point markers, and pie or donut charts with percentage labels, the donut also shows the total in its center.
Can I paste data straight from Excel or Google Sheets?
Yes. Click Paste data and drop in two columns, tab, comma and semicolon separators are all detected automatically, a header row is skipped if its second cell isn't a number, and quoted values like “1,200” are read correctly.
How do I get the chart into my slides or document?
Click Download PNG for a crisp 2x-resolution image named after your chart title, or Copy image to place it on your clipboard and paste it straight into a slide, doc or email. If your browser blocks clipboard images, use Download instead.
Does it work offline?
Yes, once the page has loaded, everything (editing data, drawing, exporting) runs locally in your browser, so no connection is needed to keep working.

Published · Last updated .

Priya sent you a message Online now

Talk to a Developer Now

Share your name and email to reply.

Reply