RAPIDA UI

Analytics Dashboard

UNDP coordinator view with KPI cards, damage breakdown by level and crisis type, sync status, and a recent reports list. Designed for rapid situational awareness during crisis response.

Preview — With Data

Analytics Dashboard

Data refreshes every 30 seconds.

Total Reports

127

118 synced

Minimal Damage

45

Minimal

Partial Damage

58

Partial

Complete Destruction

24

Complete

Sync Status

118 Synced 9 Pending

By Crisis Type

Natural 89
Technological 23
Human-made 15

Recent Reports

Partial
Residential Synced

14 Elm Street

Complete
Hospital Synced

Central Hospital

Preview — Empty State

Analytics Dashboard

Data refreshes every 30 seconds.

Total Reports

0

0 synced

Minimal Damage

0

Minimal

Partial Damage

0

Partial

Complete Destruction

0

Complete

Sync Status

0 Synced

By Crisis Type

Natural 0
Technological 0
Human-made 0

Recent Reports

No recent reports to display.

Molecules & Atoms Composed

  • x-atoms.badge — KPI indicators, damage level tags, sync status
  • x-molecules.damage-report-card — Recent reports list (compact variant)
  • x-molecules.notification — Data refresh notification

Accessibility

  • Uses role="region" with descriptive label.
  • KPI grid uses role="list" for structured navigation.
  • All numeric values have associated text labels for screen readers.

Trauma-Informed Design

  • Dashboard is coordinator-facing, not community-facing — data density is appropriate for trained users.
  • Color-coded damage levels match the same palette used throughout the app for consistency.
  • Sync status visibility reassures coordinators that field data is arriving.