Skip to content

Line graph maker with multiple lines

Paste a table with one column per line and get a multi-line graph you can switch to an area chart and download as PNG or SVG.

Your data is read in your browser. PNG and PDF are drawn by the Render API from the same spec and nothing is stored. An image URL contains the data, so anyone with the link can read it.

How to use it

  1. First column: dates or steps. Each extra column becomes a line.
  2. Pick Line or Area. Area with Stacked shows a running total.
  3. Download PNG or SVG.

Line or area?

Use a line graph to compare trends between series. Use a stacked area chart when the series add up to a meaningful total, like users per platform. Line graphs here can start above zero so small changes stay visible. Area charts always start at zero.

Making long time series readable

  • Above 60 points the dot markers turn off automatically.
  • X-axis labels are thinned or angled so they never overlap.
  • A dark theme suits slides and dashboards.

Do it from code or an AI assistant

The same renderer is an HTTP API and an MCP tool, so this exact result can come from a script or from Claude, ChatGPT or Cursor. See the Render API reference and the MCP setup guide.

HTTP API

bash
# GET: the URL is the image (embed it in Markdown, email or Slack)
curl -o chart.png "https://render.cuelark.com/v1/chart?c=%7B%22type%22%3A%22line%22%2C%22title%22%3A%22Weekly%20active%20users%22%2C%22labels%22%3A%5B%22W1%22%2C%22W2%22%2C%22W3%22%2C%22W4%22%2C%22W5%22%2C%22W6%22%2C%22W7%22%2C%22W8%22%5D%2C%22datasets%22%3A%5B%7B%22label%22%3A%22Web%22%2C%22data%22%3A%5B320%2C340%2C390%2C420%2C410%2C480%2C530%2C560%5D%7D%2C%7B%22label%22%3A%22iOS%22%2C%22data%22%3A%5B210%2C230%2C228%2C260%2C300%2C310%2C330%2C370%5D%7D%2C%7B%22label%22%3A%22Android%22%2C%22data%22%3A%5B150%2C170%2C160%2C190%2C205%2C240%2C236%2C280%5D%7D%5D%7D"

# POST: same chart at 2x for slides
curl -X POST https://render.cuelark.com/v1/chart -H "content-type: application/json" \
  -d '{"chart":{"type":"line","title":"Weekly active users","labels":["W1","W2","W3","W4","W5","W6","W7","W8"],"datasets":[{"label":"Web","data":[320,340,390,420,410,480,530,560]},{"label":"iOS","data":[210,230,228,260,300,310,330,370]},{"label":"Android","data":[150,170,160,190,205,240,236,280]}]},"format":"png","scale":2}' -o chart@2x.png

MCP tool call: render_chart

json
{
  "method": "tools/call",
  "params": {
    "name": "render_chart",
    "arguments": {
      "type": "line",
      "title": "Weekly active users",
      "labels": [
        "W1",
        "W2",
        "W3",
        "W4",
        "W5",
        "W6",
        "W7",
        "W8"
      ],
      "datasets": [
        {
          "label": "Web",
          "data": [
            320,
            340,
            390,
            420,
            410,
            480,
            530,
            560
          ]
        },
        {
          "label": "iOS",
          "data": [
            210,
            230,
            228,
            260,
            300,
            310,
            330,
            370
          ]
        },
        {
          "label": "Android",
          "data": [
            150,
            170,
            160,
            190,
            205,
            240,
            236,
            280
          ]
        }
      ]
    }
  }
}

Frequently asked questions

How many lines can one graph have?

Up to 12 series and 500 points per series.

Can I plot dates?

Yes. Put dates in the first column as text, for example 2026-01 or Jan 5, and they become the x-axis labels in order.

Why doesn't my line graph start at zero?

Line graphs zoom to the data range so trends are visible. Area and bar charts always include zero.

Updated November 10, 2026 by the Cuelark Team.