Pro Components

Base Components

Charts Group 8

Three-panel revenue dashboard — occupancy KPI cards, a metric-switching bar chart, and a searchable patient activity feed.

Example

General Ward

+2.8%

128

/ 180 beds

71% occupied52 available

ICU

+3.5%

67

/ 90 beds

74% occupied23 available

Private Rooms

-1.9%

21

/ 30 beds

70% occupied9 available

Net Revenue

$640,000.00

+8.2%vs last month

Peak Month

AUG $640K

Monthly Avg

$232K

YTD Revenue

$3M

Latest Patient Activity

Last 24 hours

Admissions
4

James BrownCardiology-412

2:00 PM Admission

JB
Referral: Dr. Chen
·Critical

Sarah & Tom LeeOrthopedics-215

3:00 PM Admission

ST
+1
Insurance
·Stable

Michael ChenGeneral-108

4:00 PM Admission

MC
Referral: Dr. Park
·Observation

Emily DavisICU-501

5:30 PM Admission

ED
Direct
·Critical
In-Patient
2

Robert GarciaCardiology-302

Since Apr 5

RG
Walk-in
·In-Patient

Anna & Chris BellICU-419

Since Apr 4

AB
+1
Insurance
·In-Patient
Discharges
2

David KimOrthopedics-315

11:00 AM Discharge

DK
Insurance
·Stable

Rachel GreenGeneral-104

12:00 PM Discharge

RG
Direct
·Stable

Introduction

Charts Group 8 includes:
  • KPI cards: Three occupancy tiles with delta badge, capacity bar, and available-room counts.
  • Revenue chart: Bar chart with a metric switcher, animated headline value, and peak / average / YTD readouts.
  • Activity panel: Searchable patient feed grouped by Admissions, In-Patient, and Discharges with avatars and status badges.
  • Responsive layout: Two-column on wide containers, stacked on narrow ones.
Uses Avatar, Badge, Card, Chart, ScrollArea, and Select.

Usage

import { ChartGroup9 } from "@/components/ui/chart-group-9";

<ChartGroup9 />;
Replace roomCapacityStats to drive the KPI cards, salesMetricData (keyed by netRevenue / roomRevenue / platformRevenue) to drive the bar chart, and ADMISSIONS / IN_PATIENT / DISCHARGES to populate the activity feed. The feed search filters across guest name, room, source, attribution, and status.
© 2026 BlakeUI. All rights reserved.

On this page