Line Graph Maker
Make a line graph from CSV: numbers, dates or labels on the x axis, several series, smooth lines, markers and area fill. Download PNG and SVG.
A line graph shows how values change along an ordered axis — usually time. Paste a column of x values and one or more columns of numbers, and this maker draws each column as a line with a proper axis: real dates are spaced by the calendar, numbers by their value, and plain labels evenly. Download a PNG for documents or an SVG for the web and design tools.
How to use this tool
- Paste CSV or cells from a spreadsheet: x values in the first column, one column per line, names in the first row.
- Pick straight or smooth lines, markers, area fill and whether the y axis starts at zero.
- Add a title and axis titles, choose colours and the image size.
- Download the PNG or SVG.
Formula
y-axis step = nice((max − min) ÷ n), nice ∈ {1, 2, 5} × 10ᵏ; smooth curves use monotone cubic slopes mₖ = (sign dₖ₋₁ + sign dₖ) · min(|dₖ₋₁|, |dₖ|, ½|pₖ|)
dₖ is the slope of segment k and pₖ the slope of the parabola through three neighbouring points. Monotone smoothing never bends above a peak or below a dip, so the curve does not invent highs or lows that are not in your data. Dates are placed by their real distance, so a missing month leaves a wider gap.
Example
Monthly visitors 1,200 → 1,350 → 1,610 → 1,540 → 1,890 → 2,230 and returning visitors 310 → 610 give 2 lines with 12 points. The y axis aims for 6 intervals on a 450 px chart: (2,230 − 310) ÷ 6 = 320 rounds to a step of 500, so the axis runs 0 to 2,500; the dates span 151 days, so the x axis gets monthly ticks labelled Jan 2026 to Jun 2026.
Frequently asked questions
Should a line graph start at zero?
Not necessarily. Unlike bars, a line encodes change by its slope, so a tighter axis can show real variation better. Tick Start the y axis at zero when the absolute size matters, such as totals or percentages of a whole.
What date formats work?
Year-month-day dates such as 2026-03-01, 2026/3/1 or 2026.03.01, year-month like 2026-03, and times like 2026-03-01 14:30. Other text in the first column is treated as labels and spaced evenly.
What happens with empty cells?
They leave a gap in that line instead of dropping to zero, so missing measurements are visible. Fill them in if you want the line to continue.
Is my data uploaded?
No. Parsing and drawing happen in your browser and the files are created on your device.
Last updated:
Page address with these inputs: https://kakao.mobile/tools/line-graph-maker/
Cite or embed this tool
kakaoCalc. (2026, November 8). Line Graph Maker. https://kakao.mobile/tools/line-graph-maker/
“Line Graph Maker.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/line-graph-maker/.