UV Index Chart

picaq / epa-uv

View the production build on github pages (faster): https://picaq.github.io/epa-uv/
Or the development build on stackblitz (slow but prettier): https://react-numuay.stackblitz.io/

• Uses the United States EPA Web Services’s Envirofacts Data Service API for daily updating data.
• Only works for locations in the USA.
• Link can be saved/bookmarked with a query param ?zipcode=12345 to share local UV Index charts.
• Tab updates with the UV index of the current hour.
• Vertical time indicator is set to match device time, not local time.

Edit in StackBlitz next generation editor ⚡️

• Update: 9/12/2024: added README info button
• Update: 5/10/2024: added leading zeros to UV data

Todo:

• remove clickable / pointer finger mouse hover from legend toggle
• installable pwa with offline local storage
  • replcace react icons with favicon sunflowers
  • match index.html theme color with manifest
  • match manifest bg color with app bg color
• general bug fixes
• remove unused declarations
• info button and link back to repository
• include SEO keywords and validate html
• add social media and search engine preview pics and description
• cache API calls into local storage
• persist UV Index value notification for mobile apps
• move forward and back to see different graphs