ffee All tools
EN 中文 FR DE

Sparkline Generator

Draw a tiny inline chart from a number series and copy the SVG markup or a ready data URI.

Draw a sparkline

Points: —
Range: —
Last value: —
The chart is drawn on a canvas for the preview and described as an SVG string for you to copy.

How to use the Sparkline Generator

  1. Paste or type the number series you want to chart.
  2. Set the size, colour, area fill, point dots and last point marker.
  3. Copy the SVG markup or the data URI and paste it into your page.

Features

Advertisement

More tools

Bar Chart Maker Line Chart Maker Pie Chart Maker Scatter Plot Maker Histogram Maker Box Plot Maker Chart to Image Heatmap Generator Color Scale Generator Image Compressor Image Info Image Converter

Frequently Asked Questions

Common questions about the free online sparkline generator.

A sparkline is a very small chart, usually just a line without axes, that sits inside a table cell or sentence to show a trend at a glance.
Copy the SVG markup and paste it straight into your HTML, or copy the data URI and use it as the src of an image element.
Any decimal numbers separated by commas, spaces or semicolons. Negative values and decimals are both supported.
Yes. Use the colour picker and the line, the area fill, the dots and the last point marker all follow that colour.
It draws a slightly larger dot at the final value so the eye lands on the most recent number in the series.
Yes. The markup carries a viewBox, so the sparkline stays crisp at any size you scale it to.
Email clients strip SVG, so export the chart as a PNG image instead before adding it to a message.
No. The geometry is calculated in your browser and nothing you type is uploaded.
Yes, it is completely free with no account, no sign-up and no attribution required on the charts you make.

Last updated: October 10, 2026