About Area Chart Maker
This area chart maker fills the area under each series. Stacked, the areas add up to a total so you can see how the parts change; unstacked, they overlap so each series can be compared with the axis. It is free, needs no sign-up and runs in your browser, so nothing you enter is uploaded.
Area charts work best with a few series and a time axis. A stacked area shows the total at the top edge, while each band is one series. With many series or many similar bands it gets hard to read, and a line chart may be clearer.
How to use Area Chart Maker
- Choose a chart type. The sample table changes to one that suits it until you start editing.
- Replace the sample: edit cells in the grid, paste CSV or tab-separated rows, or choose a CSV or XLSX file.
- Set the title and axis labels, switch the legend and stacking on or off, and pick series colours under Colours.
- For a histogram, choose the column and, if you want, the number of bins. Leave the bins at 0 to let Sturges' rule choose.
- Check the chart, then use PNG or SVG above it to download the image.
Features
- Bar charts, grouped or stacked, with several series from several columns.
- Line and area charts, with stacked areas for parts of a whole over time.
- Pie and doughnut charts with percentages in the legend.
- Scatter plots with several y series against one x column.
- Histograms with an adjustable bin count, and box plots with whiskers and outliers.
- An editable data grid that scrolls sideways on phones.
- CSV, TSV and XLSX upload, read in a Web Worker so the page stays responsive.
- Series colours chosen from a fixed set that stays readable in light and dark mode.
- PNG and SVG export with a white background.
Worked examples
Quarterly units for products A, B and C gives Top edge reaches 127 in Q4
In Q4 the stack is 62 + 35 + 30 = 127.
Privacy: how it works
- Your table is read and drawn by code running in this browser tab. Files are not uploaded and no chart is stored anywhere.
Tips
- Keep the label column first and leave out total rows, or the total will be drawn as one more bar.
- Text in a number column, such as "n/a", turns that cell into zero on bar and line charts. Clear the cell if you want a gap in your data instead.
- For presentations, SVG keeps lines crisp when the slide is scaled. PNG is easier to paste into documents.
- If your numbers use a thousands separator, remove it first: 1,200 is read as text, 1200 as a number.
Frequently asked questions
Is it really free?
Yes. There is no price, no trial and no credit card. Ulkaa Tool does the work with your own device, so there is no server bill to pass on to you.
Do I need an account?
No. There is no sign-up and no login. Open the page and use it. An Ulkaa account is not needed for anything on this tool.
Does it run in my browser?
Yes. Your data are processed by code running in your browser tab, on your own device.
Is my data uploaded?
No. Your data are never sent to Ulkaa or to anyone else. You can check this yourself by watching the Network tab in your browser developer tools while you use the tool.
Should I stack the areas?
Stack them when the series are parts of one total. Leave them overlapping when each series stands alone, and keep the overlap light by using few series.
More Chart Maker pages
- Chart MakerPaste or upload a table, pick a chart type and download the chart as PNG or SVG.
- Bar Graph MakerCompare categories with grouped or stacked bars and download the graph.
- Stacked Bar Chart MakerStack several series on each bar to show parts of a total.
- Line Graph MakerShow change over time with one line per column.
- Pie Chart MakerTurn labels and positive numbers into slices of one whole.
- Doughnut Chart MakerA pie chart with a hollow centre, from labels and positive numbers.
- Scatter Plot MakerPlot pairs of numbers to see how two measurements relate.
- Histogram MakerCount the values of one column into equal-width bins.
- Box Plot MakerCompare the spread of several groups with one box per number column.