Here's some things you might not know about eyeWeather.
Ever since smartphones could use third-party apps, I've been on on a quest to find the perfect weather app. I haven't found it yet, but given how well weather data lends itself to visualization, I decided to give building one a shot. I thought it would be a fun challenge to visualize data in a circle, so this was perfect for my first D3 project. It all started with the pictured sketch.
The radial visualization approach has its challenges and limitations, but it reveals patterns and changes in the cyclical nature of weather data well. Also, I love a good gradient, so it ended up looking like the iris of an eye, thus eyeWeather.
Here are a few tips or features you shouldn't miss:
- The wind icon rotates to show the wind direction
- The colors, shapes, and text smoothly transition
- Tapping on the hours or the triangle select that time
Here's what else I'd like to do with eyeWeather:
- Add weather conditions (e.g., partly cloudy)
- Add the daily forecast
- Show precipitation for the next hour
- Add a dark mode
- Add sun/moon information
- Add user settings