Interactive Sparkline
`InteractiveSparkline` gives a small time series lightweight SVG line/area context plus point inspection. Use it beside one metric, not as a charting platform.
Live example
Try the interaction before reading the recipe.
real component · keyboard-safe
Purpose
InteractiveSparkline gives a small time series lightweight SVG line/area context plus point inspection. Use it beside one metric, not as a charting platform.
Provide a useful label, summary and formatted values. Avoid dense datasets, multiple axes, financial analysis or color-only trends. If interpretation needs legends and scales, use a full accessible chart.
Pointer, touch and Arrow/Home/End inspect the same points and the selected label/value remains textual. SVG is responsive and dependency-free. Keep point counts modest and do not continuously animate the line.
Source: packages/skills/data/interactive-sparkline.md