Line Graph Maker
Step 1 / 4
Add trend data
Compare two to twenty ordered labels with one to four series. Data stays in this browser.
| Label | ||
|---|---|---|
Turn a sequence of values into a clear multi-series line graph. Import CSV or tab-separated data with two to twenty labeled categories and one to four named series, then choose a palette, grid lines, markers, and smoothing. Use the finished chart to show how values change across the same ordered categories. The graph and its SVG, PNG, and CSV exports are generated locally in your browser.
How to make a line graph
-
1
Prepare one shared category column
Put category labels in the first column and give every following column a clear series name. Use two to twenty rows and one to four series so each line follows the same sequence of categories.
-
2
Import and shape the chart
Import the CSV or TSV data, then choose the palette, grid, markers, and smoothing that help readers follow the values without hiding the underlying pattern.
-
3
Check the message and export
Confirm that category order and series labels are correct, then download the current chart as SVG or PNG. Export CSV as well when readers need the exact values.
Start with a sequence that a line can explain
A line graph is most useful when category order carries meaning: months, project stages, temperatures at measured times, or successive versions of a product. It shows how each series changes across that shared order. It does not establish why a change happened, predict the next value, or make unrelated categories into a meaningful trend.
Keep the first column for category labels and use one column for each series. The column names become the names readers use to identify the lines.
| Question | A line graph can help when | Watch for |
|---|---|---|
| Is a measure rising or falling over time? | Categories are ordered periods such as days or months | A line suggests connection between adjacent periods, not causation |
| Did two measures move differently? | Both series use the same categories and unit | Give each series a specific name rather than relying on colour |
| Where did a change occur? | The categories are sequential milestones or versions | Use markers when readers need to locate individual observations |
| Do readers need exact values? | You provide the accompanying CSV or data table | A chart image alone requires readers to estimate values |
Worked example: monthly registrations
Import this CSV to draw two lines across four months. The first row names the category column and the two series. Each later row supplies one category and its values.
Month,Website registrations,Newsletter registrations
January,120,84
February,146,91
March,132,118
April,171,126
The line for website registrations rises from January to February, dips in March, and reaches its highest displayed value in April. Newsletter registrations rise in every displayed month. If your source uses tabs instead of commas, import the equivalent TSV data; the layout is the same.
Markers, grids, and smoothing
Markers make each supplied observation easier to locate. A grid can make approximate reading easier, especially when several lines are close together. Smoothing changes the visual path between observations, so use it with care: a curved line can make an in-between value look more certain than the source data supports. For discrete categories, irregular observations, or reporting where precise values matter, keep markers on and share the CSV alongside the image.
Make the chart understandable without colour alone
Do not make colour the sole way readers distinguish series. Give each series an explicit, visible name and make the data available in a table or CSV when the exact values or trend matter. A short written takeaway can also describe the essential pattern, such as which series rose, fell, or changed direction.
An SVG or PNG is a visual export, not a complete accessibility substitute by itself. When publishing a chart, include the underlying data and a concise text summary of the important relationships. This follows W3C guidance that charts are complex images needing a text alternative, and that information should not rely on colour alone.
The tool processes chart data and creates SVG, PNG, and CSV downloads locally in your browser. Loading the page still involves the ordinary site request; save an export if you need to keep the chart after closing the tab.
Frequently Asked Questions
You can use two to twenty labeled categories and one to four named series. All series should use the same ordered category list so readers can compare the lines at each position.
Use a header row. Put category labels in the first column, then one named series in each following column. Every later row should contain one category followed by the values for those series.
Use markers when individual observations need to be easy to find. Smoothing can make a broad pattern easier to scan, but it can also suggest intermediate values that were not measured. Keep the unsmoothed line and share the source data when precision matters.
No. A line graph can show values changing across ordered categories and can reveal patterns worth investigating, but it does not establish a cause, forecast a future value, or judge the quality of the data.
Use clear series names, do not rely on colour alone, and publish the underlying CSV or an equivalent data table with a short text summary of the main trend. This gives readers exact values instead of requiring them to estimate from the image.
You can export the current chart as SVG or PNG and export the data as CSV. Chart processing and the exports are generated locally in your browser; ordinary page loading remains a normal website request.
Related Tools
Image Resizer
Resize images to pixel-exact dimensions or percentages while preserving aspect ratio. Batch-friendly, no upload.
QR Code Generator
Generate a browser-local QR code from a plain text or URL payload. Adjust size, colours and error correction, then download PNG.
Image Compressor
Compress JPG, PNG and WebP images to reduce file size while preserving visual quality. Entirely in your browser, no upload.
GIF Maker
Turn a sequence of images or a short video into an animated GIF. Set frame rate, loop count and dimensions before exporting.
Barcode Generator
Create scannable 1D barcodes in Code 128, Code 39, EAN-13, UPC-A, ITF-14 and Codabar. Export as PNG, SVG or PDF for print.
PNG to JPG Converter
Convert PNG to JPG in your browser. Flatten transparency onto any background color, keep dimensions, and shrink many photo-style PNGs by 60-90%.