Web & Data

Online chart maker

Bar, line, pie and more: paste your data, export a crisp PNG or SVG.

  • Instant
  • Free
  • Private (processed locally)
  • No sign-up

Tip: paste a block copied from Excel or Google Sheets straight into a cell. Enter moves to the next row. Up to 50 rows and 6 series.

Paste a table (Excel, Google Sheets, CSV)

Row 1: series names; column 1: labels. Tab, semicolon or comma separated. Decimal commas and thousands separators are recognized.

ℹ️ Everything is computed and drawn in your browser: your data is never uploaded or stored on a server (only a local copy stays on this device so you can find your chart again).

Make a chart online from your own data

This free chart maker turns your numbers into a clean graph in seconds: bar, horizontal bar, stacked bar, line, area, pie or doughnut. Type your figures into the table (up to 50 rows and 6 series) or paste a range copied from Excel, Google Sheets or a CSV file. The preview redraws as you type, and the result can be downloaded as PNG or SVG, or copied straight to the clipboard.

No spreadsheet to open and no account to create: it is the quick way to illustrate a school project or a report, build a slide for a meeting, post a visual on LinkedIn or Instagram, or track the sales and budget of a small business. The images are clean, watermark-free, with round axis ticks and numbers formatted for your language (1,234.5; 12%).

  1. Pick a chart type

    Click Bars, Horizontal bars, Stacked bars, Line, Area, Pie or Doughnut. Pie and doughnut charts use the first series of the table.

  2. Type or paste your data

    In the “Data” tab, fill in the table (labels in column 1, one column per series) or open “Paste a table” and click “Import and replace”. “Add row”, “Add series” and “Swap rows and columns” reshape the table.

  3. Add titles and styling

    The “Titles & axes” tab sets the title, subtitle and axis titles; “Style” controls colors, legend, number format (prefix, suffix, decimals), text size and value labels.

  4. Export the image

    Choose the “Image size” (16:9, square, portrait or 4:3) and the “Background”, then click “Download PNG”, “Download SVG” or “Copy image” to paste it into a document.

How the chart is built

The chart is drawn as SVG by a rendering engine written for this site, with no third-party library. Scales, labels and colors are recalculated on every change so the image stays readable however much data you add.

  • Round axis ticks: the gap between gridlines is 1, 2 or 5 times a power of ten (0, 20, 40, 60, 80), following the “nice numbers” method described by Paul Heckbert in Graphics Gems (1990).
  • Zero baseline: bars always start at zero, because their length must be proportional to the value; negative values hang below a baseline. For line and area charts you can untick “Start axis at zero” to zoom in on the variation.
  • No overlapping labels: category labels wrap onto two lines, tilt to 45° or show every other one when space runs out; small pie slices get an outside label with a leader line.
  • Smooth lines: with the “Smooth lines” option, monotone interpolation (Steffen’s method) passes through every point without inventing peaks or dips that are not in your data.
  • Localized numbers: your language’s separators, automatic abbreviation of large numbers (12K, 1.2M), and a free prefix and suffix ($, €, %, kg).
  • Faithful export: the SVG uses explicit colors and the system font; the PNG is rendered from that same SVG at exactly the size you picked (for example 1200 × 675 pixels), or at double size (2400 × 1350) with the high-resolution option.

Which chart should you use?

GoalChart typeGood practiceAvoid
Compare values across categoriesBarsAxis at zero, 12 categories at most, logical orderA truncated axis: a bar twice as tall must be worth twice as much
Rank items with long labelsHorizontal barsSort from largest to smallestAlphabetical order when the point is a ranking
Show a breakdown that changesStacked bars2 to 4 series, the most important at the bottomToo many segments: only the total and the bottom series compare well
Follow a trend over timeLineRegular intervals, 5 lines at mostJoining categories that have no order (countries, products)
Emphasize a volume over timeArea1 to 3 series, axis at zeroStacking many series that hide each other
Show each item’s share of a totalPie or doughnut6 slices at most, percentages shownNearly equal slices or negative values

Classic data visualization guidelines: when in doubt, sorted bars are the easiest chart to read.

What can you use this graph maker for?

  • School and university: a crisp chart for a project, a lab report or a dissertation, ready to paste into Word or Google Docs.
  • Meetings and presentations: 16:9 format for PowerPoint or Google Slides, with a transparent background to fit a colored template.
  • Social media: 1080 × 1080 square or 1080 × 1350 portrait for Instagram and LinkedIn, with bigger text thanks to “Text size”.
  • Small business or nonprofit: monthly sales, budget breakdown, attendance, with no software subscription.
  • Blog, newsletter, article: an SVG of a few kilobytes that stays perfectly sharp on high-density screens.

Common mistakes and how to fix them

  • Series and categories swapped: if your years end up on the horizontal axis instead of the months, click “Swap rows and columns”.
  • Red cells: they contain text (“12 kg”, “approx. 40”) and are ignored; keep only the number and put the unit in “Suffix”.
  • Pie chart with too many slices: above six slices, group the small values into an “Other” row or switch to horizontal bars.
  • Colors too similar: the Violet palette uses shades of a single hue; with more than three series, pick “Vivid (color-blind safe)” or click a series’ color swatch in the table header to change it.
  • Text unreadable on phones: for a social media visual, use a square or portrait size and set “Text size” to “Large”.

Everything runs in your browser: your data never leaves your device and no account is needed. A local copy of your last chart is kept in the browser’s storage (the “Example” button erases it). Limits: 50 rows and 6 series (so swapping rows and columns needs 6 rows or fewer); pie and doughnut charts use only the first series and skip zero or negative values; the SVG relies on the system font, so it may look slightly different from one computer to another (the PNG is fixed).

Frequently asked questions

How do I make a chart from an Excel table?

Select the range in Excel or Google Sheets (labels in the first column, series names in the first row) and copy it with Ctrl+C (Cmd+C on a Mac). Paste it into “Paste a table” and click “Import and replace”: the header row and the label column are detected automatically, and so are decimal commas and thousands separators. To add to an existing table, you can also paste a block of cells without headers straight into a cell; it fills in from that cell.

Which chart is best for showing percentages?

To show each item’s share of a total, a pie or doughnut chart works well up to five or six slices. Beyond that, or when shares are close, use horizontal bars sorted from largest to smallest: people compare lengths far more accurately than angles. To show how a breakdown changes over time, use stacked bars.

Should I download a PNG or an SVG?

PNG is a pixel image that works everywhere: Word, PowerPoint, Google Slides, email and social media. SVG is a vector file: it stays sharp at any size, weighs a few kilobytes and can be edited in Inkscape, Illustrator or Figma. For a poster or print, tick “High-resolution PNG (×2)” or use the SVG.

How do I put the chart into Word, PowerPoint or Google Slides?

The quickest way is “Copy image”, then Ctrl+V (Cmd+V on a Mac) in your document. You can also download the PNG and use Insert > Pictures (Insert > Image in Google Slides). Word and PowerPoint (Microsoft 365, Office 2019 or later) also accept SVG, which stays sharp when enlarged; Google Slides does not import SVG, so use the PNG there.

How can I make a chart readable for color-blind people?

Around 1 man in 12 has trouble telling some reds and greens apart. Pick the “Vivid (color-blind safe)” palette, based on the Okabe-Ito palette designed to stay distinguishable for the most common types of color blindness. Keep the legend and, where possible, show the values so the message never depends on color alone.

Is this chart maker free, and does my data stay private?

Yes, it is completely free, with no sign-up and no watermark on exported images. The chart is computed and drawn in your browser, so your numbers are never sent to a server. Only a local copy is kept on your device so you can pick up your last chart; the “Example” button erases it.