RAPIDA UI

Map Pin & Marker Cluster

Map markers that indicate damage report locations. Available as individual pins color-coded by damage level, or as cluster markers showing the count of reports in an area. Used on the coordinator dashboard map.

Preview — Individual Pins

Minimal
Partial
Complete

Preview — Marker Clusters

4 minimal
12 partial
27 complete

Variants

Variant Damage Level Usage
pinminimal/partial/completeSingle report location on map
clusterminimal/partial/completeMultiple reports in one area, shows count

Accessibility

  • Both variants use role="img" with descriptive aria-label.
  • Pin animation is decorative (aria-hidden).
  • Cluster markers are 48px diameter, meeting the minimum touch target.
  • Color is paired with text (cluster count) and shape (pin dot) for multiple information channels.

Trauma-Informed Design

  • Intuitive green/amber/red color coding matches the damage level system used throughout RAPIDA.
  • Cluster markers prevent visual overload when many reports exist in one area.
  • Subtle ping animation on pins draws attention without being alarming.
  • Large cluster markers are easy to tap on mobile devices in field conditions.