Charts
Dashboard data visualizations for product and usage screens.
Example
Total revenue
$48,295
+14.5% vs last month
Active users
2,847
+8.2% vs last month
New signups
1,024
+3.1% vs last month
Conversion rate
3.24%
-0.5% vs last month
Usage breakdown
Monthly usage grouped by product area.
Database48%
Storage24%
Auth18%
Realtime10%
Requests
API and storage requests over the last hour.
Top services
Ranked by successful requests.
Success rate
Trend line with a subtle filled area.
Typography
Compact dashboard density for this kit.
Section label11px / mono / uppercase
Body label13px / medium
Nav item13px / 30px row
Column heading11px / mono / tracked
Import
Copy-paste path.
import { Charts } from "@/components/ui/charts"or add via CLI — npx shadcn@latest add https://rkives.rkingg.com/r/charts