Build a React component that renders an interactive map showing water quality risk by ZIP code. Requirements: 1. Use Mapbox GL JS or Leaflet (open-source preferred) 2. Color-code regions: green (0-30 score), yellow (31-60), red (61-100) 3. Click a region to see detailed risk factors 4. Include a search bar for ZIP code lookup 5. Mobile-responsive 6. Server-side render the initial state, hydrate on client The component should accept risk data as props.don't worry about data fetching, just the visualization.
No contributions yet.