+ {Object.entries(data).map(([key, values]) => (
+
+
{key}
+
{renderChart(values, key)}
+
+ ))}
+
+ );
+}
+```
+
+### 5. Sparklines for Quick Context
+Use sparklines to show trend and direction inline.
+
+```typescript
+function Sparkline({ data, color = '#0f766e' }: { data: number[]; color?: string }) {
+ const series = [{ id: 'spark', data: data.map((y, x) => ({ x, y })) }];
+ return (
+