PerformanceChart

Dashboard

SVG area chart comparing two time series with gradient fills and glow effects.

Install

npx bouncekit@latest add performancechart

Import

import { PerformanceChart } from "@/components/dashboard/performance-chart"

API Reference

Prop	Type	Required	Description
`data`	`ChartDataPoint[]`	yes	Time-series data points with thisMonth and lastMonth values.
`width`	`number`	—	Chart width in SVG units. Default: 500.
`height`	`number`	—	Chart height in SVG units. Default: 180.
`maxY`	`number`	—	Maximum Y-axis value. Default: 12.

Source

src/components/dashboard/performance-chart.tsx

Components/Dashboard/PerformanceChart