dataviz
AsciiChart, Sparkline, Meter, Heatmap
Data Vizdataviz.css
Installation
$
npx skeehn add datavizPreview
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| AsciiChart: data | AsciiChartDataPoint[] | [] | Array of {x, y} data points |
| Sparkline: data | number[] | [] | Array of numeric values |
| Meter: value | number | 0 | Current value (0-100) |
| Heatmap: data | number[][] | [] | 2D numeric data grid |
Usage
dataviz.tsx
1import { Sparkline, Meter, Heatmap } from '@skeehn/react';23export function Dashboard() {4 return (5 <>6 <Sparkline data={[2, 5, 3, 8, 4, 7, 6, 9]} />7 <Meter value={72} />8 </>9 );10}