On This Page
State-of-the-art dark-mode optimized SVG charts. Featuring smooth cubic spline curves, luminous gradient halos, interactive cursor tooltips, and zero heavy D3/Canvas overhead.
Test dynamic color themes, chart styles, and layout properties.
| Prop | Type | Default | Description |
|---|---|---|---|
| data* | { label: string; value: number }[] | [...] | Array of numerical data points and corresponding axis labels. |
| color | "violet" | "cyan" | "emerald" | "rose" | "amber" | "violet" | Curated gradient and glow theme for SVG lines and bars. |
| height | number | 240 | Pixel height profile of the chart container. |
| showGrid | boolean | true | Renders dashed background horizontal grid alignment lines. |
| showTooltip | boolean | true | Enables floating glassmorphic tooltip with hover cursor tracking. |
Total Revenue