Content display / The visual dictionary
Sparkline.
A tiny chart showing the shape of a trend.
Also calledmini charttrend line
01
UI illustrationSee it in context
Visitors
2,840
Upward trend over 7 days02
What it is
A sparkline compresses a time series into a small line, usually beside a number or inside a row. It gives quick trend context rather than precise point-by-point analysis.
When to use it
Use beside metrics or in dense tables.
Know the difference
A sparkline prioritizes trend shape; a full line chart supplies axes and precise context.
03
Across platforms
WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS
iOS · iPadOS · macOS · visionOS
Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.
Web · Android · Windows · Linux
Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.
04
Go to the source
Primary documentation for the pattern and its platform conventions.