An interactive map of public art installations across Pittsburgh, built with Leaflet.js and data from the Western Pennsylvania Regional Data Center (WPRDC).
- Leaflet.js — interactive map rendering
- OpenStreetMap tiles — no API key required
- Vanilla JS — no build step
- GitHub Pages — static hosting
Live data is fetched from the WPRDC CKAN API at page load:
https://data.wprdc.org/api/3/action/datastore_search?resource_id=00d74e83-8a23-486e-841b-286e1332a151&limit=500
Each record includes:
| Field | Description |
|---|---|
title | Name of the artwork |
artist_name | Artist(s); may be "n/a" |
art_type | Category (e.g. Modern and Contemporary Art, War Memorials) |
neighborhood | Pittsburgh neighborhood |
park | Associated park, if any |
image | Image URL (field present, not yet populated) |
Serve with a local HTTP server — opening index.html directly as a file:// URL will block the CKAN API fetch:
npx serve .Then open http://localhost:3000.
Push to a GitHub repo and enable Pages from the repository settings (source: root of main branch). No build pipeline needed.