Dashboards

2 layouts · 10 components

Executive Analytics Dashboard

Four KPI cards, revenue-versus-target bars, a channel donut, and a recent activity feed.

1280px

Executive overview

183-day window · revenue in USD

Revenue
$1.05M
16%
Trailing six months
Active accounts
3,482
8%
312 new this month
Net revenue retention
114%
3%
Expansion outpacing churn
Gross margin
78.4%
2%
Infra spend up 6%

Revenue vs. target

$1,052,000 booked against $1,015,000 plan

Monthly revenue against targetBar chart. Values are also provided in the accompanying data table. Focus a bar to read its value.$0$53k$106k$159k$212kMayJunJulAugSepOct
  • Revenue
  • Target
Monthly revenue against target — data
CategoryRevenueTarget
May$148k$150k
Jun$162k$158k
Jul$155k$165k
Aug$181k$172k
Sep$194k$180k
Oct$212k$190k

Revenue by channel

$1,052,000 total · largest slice is 39%

Category shares of the total. Focus a slice to read its value. Values are also provided in the accompanying data table.
  • Direct
  • Partner
  • Self-serve
  • Marketplace
Revenue by acquisition channel — data
CategoryValueShare
Direct$412,00039.2%
Partner$286,00027.2%
Self-serve$214,00020.3%
Marketplace$140,00013.3%

Recent activity

  • Amara Kadeclosed Enterprise renewal12m agoNorthwind · $148,000
  • Jonas Terrellexpanded the platform plan54m agoLumen · +42 seats
  • Mei Rutherfordflagged an at-risk account2h agoPacer · usage down 31%
  • Sam Okaforapproved a discount request4h agoOrbital · 12% off

Components used

  • BarChart
  • Button
  • Card
  • Heading
  • PieChart
  • RangePicker
  • Select
  • Statistic
  • Tabs
  • Text

Install

npm install @coloxo/ui

The block imports only from @coloxo/ui and lucide-react. Styling uses the package token layer, so no Tailwind setup is required.

All blocksBrowse components