An SVG chart generator with editable examples

Every chart on this page is real SVG produced by the same renderer the studio and the API use. Open one, change the numbers, and download the file or copy the request that recreates it.

Open this chart in the studio See the request

Vector output, sharp at any size
Four chart types
Editable in the studio

Weekly signups as SVG. The markup below is the whole file.

URL

https://www.plotlark.com/api/chart?type=line&title=Weekly+signups&labels=Mon%2CTue%2CWed%2CThu%2CFri%2CSat%2CSun&values=42%2C55%2C61%2C58%2C76%2C49%2C38&width=900&height=520&color=%238595e8&background=%23fffdf8&grid=true&valuesOn=true

cURL

curl "https://www.plotlark.com/api/chart?type=line&title=Weekly+signups&labels=Mon%2CTue%2CWed%2CThu%2CFri%2CSat%2CSun&values=42%2C55%2C61%2C58%2C76%2C49%2C38&width=900&height=520&color=%238595e8&background=%23fffdf8&grid=true&valuesOn=true" --output chart.svg

No account and no key needed for these requests. Swap /api/chart for / to reopen the same configuration in the studio.

Every chart type, ready to edit

Each example below is rendered by the live renderer. Open one to change the numbers, colours, and size.

Why SVG for a generated chart

It stays sharp: Text and shapes are vectors, so the same file is crisp in a retina screenshot, a printed PDF, and a thumbnail.
It is small and inspectable: The output is plain markup you can open in a text editor, diff in a pull request, or paste straight into a document.
It needs no runtime: The chart is already drawn. Nothing is computed in the browser, so it renders in readers and viewers that never run scripts.

What is inside the file

An accessible name: Each chart carries role="img" and an aria-label built from your title, so screen readers announce something meaningful instead of a blank graphic.
System fonts only: Labels use a plain sans-serif stack rather than a web font, so the file looks the same offline and inside sandboxed image viewers.
No scripts or external references: Your title and labels are XML-escaped, and images are served with nosniff and a restrictive content security policy.

Three ways to get the file

Download from the studio: Build the chart and press SVG. The file is generated in your browser, with no account and no upload.
Fetch the URL: Every studio configuration has a matching GET /api/chart request. Pipe it to a file with cURL or point an <img> tag at it.
Save it to a stable URL: Sign in and save the chart to get a short, revocable /render/… address that keeps working after you edit the numbers.

What PlotLark does not do

These limits apply before you start, so nothing on this page promises more than the renderer delivers.

One non-negative numeric series per chart, from 1 to 12 points.
Bar, line, area, and donut. No stacked, dual-axis, or time-series grammar.
320–1600 px wide and 240–1200 px tall, on a solid six-digit hex background.
Anonymous rendering is capped at 60 origin requests a minute per address.

Common questions

Is the output real SVG or an image of one?

Real SVG. The response is served as image/svg+xml and the markup contains the axes, shapes, and text as elements you can inspect or restyle.

Which chart types can I generate?

Bar, line, area, and donut, each with a single non-negative series of up to 12 points. Stacked bars, scatter, and multi-series grammar are not supported.

Can I edit an example from this page?

Yes. Every chart here links into the studio with its configuration already loaded, because the studio reads the same query parameters as the render endpoint.