Sparkline cell renderer
Live in demo 11-stock-market.
Open the live example: Stock market - live (Real-time & Streaming)
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.
See also
- Demo 11-stock-market source
- Demo 11-stock-market prompt sidecar - drop into an LLM context window
- Recipes index
Related articles
- Custom Cell Renderers with Svelte Snippets - Use Svelte 5 snippets to render badges, progress bars, and action buttons inside SvGrid cells - without breaking sort, filter, or keyboard navigation.
- Progress and Percentage Bar Cells in SvGrid - Build in-cell progress bars in your Svelte 5 data grid - with color thresholds, accessible markup, and sorting that still works.
- A Fill Handle (Drag to Fill) in SvGrid - Build a working spreadsheet-style fill handle on top of SvGrid's cell selection and editing - pointer tracking, range highlighting, series fill, and undo/redo integration all covered.