Chart Maker
Paste two columns and get a bar, pie, line, scatter or box plot drawn on a canvas at slide or post size, ready to download as a PNG or an SVG. Every label comes from your data and nothing is smoothed, sorted or guessed: the rows are drawn in the order you pasted them. Choose 1200×800, 1080×1080 or 1920×1080 pixels, the site's teal palette or a colour-blind-safe set, and add a title if you want one. A first line that is not numbers is read as a header and becomes the axis titles, box plots print the quartile method they use on the chart itself, and nothing leaves the page: no upload, no account, and your data is remembered in this browser only.
Bar chart. No data yet.
Paste data on the left to draw a chart.
One row per line, the label first, then a comma, a tab or two spaces, then the number. A first line whose second field is not a number is read as a header and used to title the axes. Scatter plots take x, y on each line; box plots take one column of numbers, or a label followed by that series' values. The chart, the title, the size and the palette are remembered in this browser only.
Common questions
- What format does the data need to be in?
- One row per line, the label first, then the value, separated by a comma, a tab or two spaces, so a column pair copied from a spreadsheet pastes straight in. A first line whose second field is not a number, such as Category, Amount, is read as a header and its words become the axis titles; every later line must carry a number, and if one does not the error names that line and quotes the value it could not read. A currency sign, a trailing percent sign and thousands separators are dropped, so $1,450 and 62% both read as numbers. Scatter plots take x, y on each line, with an optional label in front. Box plots take either one column of numbers, which becomes a single series, or a label followed by that series' values separated by spaces or commas, one series per line.
- What sizes can I download, and should I pick PNG or SVG?
- Three sizes: 1200×800 for a document or a slide, 1080×1080 for a square post, and 1920×1080 for a widescreen slide. Download PNG draws the chart on a hidden canvas at exactly that many pixels, never from the preview on screen, so the file is the same at any window size. SVG saves the identical drawing as vectors: it scales to any size without blurring and opens for editing in Inkscape, Illustrator or Figma, where every bar, slice and label is a separate object. Both carry the dark background you see in the preview. Text in the SVG is set in Public Sans with a system fallback, so a machine without that font substitutes its own sans-serif.
- Which quartile method does the box plot use?
- The median-of-halves method, sometimes called the exclusive method: the values are sorted, the median splits them into a lower and an upper half, leaving the median itself out when the count is odd, and the first and third quartiles are the medians of those halves. For 1 to 9 that gives a median of 5, a first quartile of 2.5 and a third of 7.5. A value more than 1.5 times the interquartile range beyond either quartile is an outlier, drawn as a dot, and the whiskers stop at the last value inside that fence. Other software uses other methods, so the same numbers give slightly different quartiles in Excel's QUARTILE.INC or in R's default, which is why the method is printed on the chart.
- Is there a colour-blind-safe palette?
- Yes. Teal is the site's own six-step ramp, which reads well but relies on shades of one hue. Safe switches to six colours from the Okabe-Ito set, chosen to stay distinct under red-green and blue-yellow colour blindness, with the set's yellow left out because it disappears against the dark background. In a bar chart the largest bar takes the first colour and the rest the second; pie slices and box plot series cycle through all six in order, and a line or scatter uses the first. The palette is remembered with your other settings.
- Why did some of my pie slices become Other?
- Only when a pie has more than eight slices. Slices under 3% of the total are then folded into a single Other slice so the small ones do not turn into unreadable slivers, but only if there are at least two of them: one small slice is left to speak for itself. If your data already has a slice called Other, the grouped values are added to it rather than drawn as a second one. The text description of the chart lists which labels were grouped, and a pie of eight or fewer slices is never grouped at all.
- Is my data uploaded anywhere?
- No. The parsing, the layout and the drawing all happen in your browser, on a canvas the page creates, and the PNG and SVG files are made there too and handed to the browser's ordinary download. Nothing is sent to a server, there is no account, and no size limit is imposed beyond what your own machine can draw. The data, the title, the size and the palette are kept in this browser's local storage so the chart is still there when you come back, and clearing the box clears the data, while the title, the size and the palette stay.
Every mark is drawn from the numbers you paste; nothing is smoothed or estimated. Box plots use the median-of-halves quartile method and the 1.5 IQR outlier rule, both stated on the chart.