Charts
Reusable chart components built on Recharts. Drop them into any dashboard page with a simple data array prop.
Available chart components
- AreaChartComponent - Smooth filled area chart for continuous data like monthly trends.
- BarChartComponent - Horizontal or vertical bar chart with pagination for long datasets.
- LineChartComponent - Single or multi-line chart for comparing metrics over time.
- DonutChart - Proportional breakdown chart with a hollow centre and legend.
- KPICard - Metric summary card with icon, value, label, and trend arrow.
- ChartInfoTooltip - Info icon that shows a tooltip with chart description and key metric definitions.
Info: All charts use Recharts Every chart component is built on top of Recharts and is fully responsive via
ResponsiveContainer. Pass data as a plain array of objects.