A lightweight, web-based map application that visualizes freshwater health indicators across the Colorado Plateau (CO, NM, AZ, UT). This tool democratizes access to water health data by providing an intuitive interface for exploring water quality metrics, streamflow data, and drought conditions.
- Interactive map showing watersheds, stream gauges, and water quality metrics
- Real-time data visualization including:
- Water quality metrics (pH, dissolved oxygen, nitrates)
- USGS streamflow data
- NOAA drought severity overlays
- Interactive popups with:
- Current water quality ratings
- Latest streamflow data
- 7-day historical trends
- Layer toggles for different data types
- Mobile-responsive design
- Accessibility features (color contrast, keyboard navigation)
- Frontend: React + Vite
- Mapping: Leaflet.js
- Charts: Chart.js
- Testing: Jest, React Testing Library
- Linting: ESLint
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
npm run dev- Start development servernpm run build- Build for productionnpm run lint- Run ESLintnpm run test- Run tests
- USGS National Water Dashboard API
- EPA Water Quality Portal
- NOAA Drought Monitor
- USGS HUC boundaries
This project follows test-driven development practices. Please ensure all new features include appropriate tests before submitting pull requests.
MIT License