Arctic Analytics Stats
A precise, data-focused stats overview block designed for analytics dashboards and reporting platforms.
Features
- 6 stat cards — Users, Revenue, Conversion Rate, Page Views, Bounce Rate, Session Duration
- Trend indicators — Up/down badges with percentage changes and colored icons
- Mini bar charts — 12-point sparkline-style bar visualizations per card
- Progress bars — Goal progress indicator with percentage for each metric
- Quick summary — Secondary section with signups, active users, avg order value, NPS score
- Live badge — Real-time data indicator with green dot
- Color palette — Ice white bg (#f0f4f8), arctic blue accents (#0ea5e9), deep slate text (#0f172a)
- Dark mode — slate-950 base with sky-400 accent highlights
Dependencies
@/components/vue-ui/card — Card, CardContent, CardHeader, CardTitle, CardDescription@/components/vue-ui/badge — Badge@/components/vue-ui/separator — Separator@/components/vue-ui/progress — Progress
Customization
- Metrics: Update the
stats array with your own KPIs and values
- Bar data: Modify the
bars arrays for actual historical data points
- Summary: Customize the quick summary grid with relevant business metrics
- Colors: Adjust arctic blue (#0ea5e9) to match your brand
