Build a polished, responsive web app using HTML, CSS, and JavaScript.
The concept: NYC Open Data is powerful but organized around datasets rather than residents' questions. Create a "neighborhood health check" that lets someone enter an NYC address, click the map, or use their current location and instantly understand what has been happening nearby.
Use live NYC Open Data's APIs, beginning with 311 Service Requests from 2020 to Present. Structure the app so additional datasets, such as motor-vehicle collisions, street trees, restaurant inspections, construction permits, and air-quality readings can be added through reusable data adapters.
Core experience:
- Display an interactive NYC map with clustered, color-coded incidents
- Let users select a search radius of 500 feet, 0.25 mile, 0.5 mile, or 1 mile
- Provide time filters for the past 7 days, 30 days, 90 days, 1 year, or a custom range
- Summarize the area with plain-language insight cards: most common issue, fastest-growing issue, median closure time, open-versus-closed requests, busiest time of day, and responding agencies.
- Include a timeline chart and complaint-category breakdown that update with the map
- Add a "Compare neighborhoods" mode that compares two locations using normalized rates
- Add an "Explain this area" button that creates a short narrative from the displayed statistics
- Allow users to bookmark a view, copy a shareable URL, export the filtered records as CSV, and download the current visualization as an image
- Encode filters and selected locations in URL parameters so views can be shared and restored
Design direction:
- Feel like a modern civic tool rather than an administrative database
- Use strong typography, compact cards, and excellent information hierarchy
- Make the map useful without overwhelming it with markers