Find care faster in Islamabad & Rawalpindi
Explore hospitals, clinics, pharmacies, and more—directly from OpenStreetMap data. Filter by type, ownership, or features like emergency to see exactly what you need.
Quick tips
- Select **City** first, then click **Fetch Data**.
- Use **Type / Ownership / Feature** to refine results.
- Click a facility in the list to zoom to it on the map.
- **Hover over** the list items or map markers to see the interactive highlight!
Twin Cities bounding boxes curated for better search.
Live Overpass API queries with Leaflet maps.
Markers are clustered for faster rendering.
List and map sync via hover and click events.
Map View & Data Controls
Welcome to the Health Facilities Explorer
Get started by selecting your target area in the **"City"** dropdown above and clicking the green **"Fetch Data"** button.
Data is pulled directly from OpenStreetMap.
Facility List
Facilities will appear here after fetching the data.
About this project
This dashboard helps residents and planners discover health facilities across Islamabad and Rawalpindi. It uses the Overpass API to query OpenStreetMap for amenities such as hospitals, clinics, pharmacies, and more, then visualizes them with Leaflet.
Tech Stack
- Leaflet.js for interactive maps
- **Leaflet.markercluster** for performance
- OpenStreetMap + Overpass API for data
- Tailwind CSS for responsive styling
- Vanilla JS for filtering & routing
Enhancements Implemented
- Performance boost via Marker Clustering.
- **Interactive Highlighting** (List & Map sync).
- Sorting by Name and Type.
- "Copy Coordinates" utility feature.
- **Data Summary Panel** for real-time statistics.
- **Reset Filters Button** for quick cleanup.