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. 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. 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. 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