Generate sparkline

Render a compact trend line from an ordered numeric series.

freeworks offlinenothing uploaded
ToolSparkline Generator
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

A short sequence of numeric values is scaled into a compact line or area path, with optional min/max markers and a baseline. The chart omits axes, so units and time order must be supplied beside it.

  • Small dimensions favor trend shape over exact coordinates.

Worked example

Stock Sparkline
Generate a mini sparkline for stock price trend
Input
											Data: [10,15,13,17,20,18,22,25]
Width: 150
Height: 30
Color: #4e79a7
Stroke width: 1.5
Show dots: false
Show min max: true
Output

When to use this

Dashboards, table cells, and status cards use sparklines for recent history.

Edge cases

  • A single outlier can flatten every other point on an automatic domain.
  • Missing values need a gap or interpolation policy.
  • Unsorted timestamps produce a misleading trend.