# Sparkline cell renderer
> Live in [demo 11-stock-market](https://svgrid.com/demos/11-stock-market/).
> Live demo: Stock market - live - https://svgrid.com/demos/11-stock-market/
## When
In-cell mini-charts of a value series, rendered via inline SVG.
## How
Key API surface:
- `renderSnippet(SparklineCell, { points: row.trend })`
See the demo source for the full implementation; this recipe pins the
pattern + the surface so you can copy-paste it confidently. The doc
page that explains the underlying feature in depth is linked from the
[recipes index](https://github.com/sv-grid/sv-grid/blob/main/docs/recipes/index.md).
## The component
`SvSparkline` is the renderer the demo uses, exported from the package: a
line, bar or area of a number series at cell size, with the last point
marked.
```svelte
line
area
bars, negatives in red
```
When a cell's trend deserves a full chart, the same numbers feed `SvChart`
with markers and a reference line:
```svelte
```
## See also
- [Demo 11-stock-market source](https://github.com/sv-grid/sv-grid/blob/main/examples/src/demos/11-stock-market.svelte)
- [Demo 11-stock-market prompt sidecar](https://github.com/sv-grid/sv-grid/blob/main/examples/src/demos/prompts/11-stock-market.md) - drop into an LLM context window
- [Recipes index](https://github.com/sv-grid/sv-grid/blob/main/docs/recipes/index.md)
---
SvGrid is the Svelte 5 data grid (`npm install @svgrid/grid`, MIT). This page: https://svgrid.com/docs/recipes/sparkline-cells/ . All docs: https://svgrid.com/llms.txt