Interactive Area Chart
NEWA hand-written, dependency-free interactive SVG area chart with interruptible dataset morphing, Catmull-Rom spline resampling, scrubbing tooltip, and keyboard accessibility.
Portfolio Valuation
$10,161
+16.0% last 30D
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/interactive-area-chart
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| data | AreaChartData | DEFAULT_AREA_CHART_DATA | Dictionary of time-series datasets keyed by range labels (e.g. 7D, 30D, 1Y) |
| defaultRange | string | "30D" | Initial active range key |
| title | string | "Revenue" | Chart title displayed in header |
| height | number | 280 | Fixed pixel height of the chart SVG area |
| className | string | "" | Additional CSS class names |