Show HN: Beautiful intuitive weather forecasts that don't rely on numbers/units
2 points
3 hours ago
| 3 comments
| weather-sense.leftium.com
| HN
- Visualize weather metrics via space and colors

- Compare current/future conditions with weather you experienced the day before

- Understand/compare how conditions change throughout the day

---

WeatherSense started out as a hand-coded project: https://github.com/Leftium/weather-sense

- Would you consider this project a good example of how AI can be used to enhance coding?

- Claude helped implement many new features from the backlog, like 60-min precipitation forecasts

- Claude helped add some whimsical features: I only considered adding because AI experimentation is cheap:

* "Calm mode:" truly emphasizes how WeatherSense doesn't need numbers by removing/replacing all numbers from UI

* Dynamic background color based on sun angle (time + location)

---

Major inspirations:

- DarkSky

- MerrySky (https://merrysky.net)

rallypi
26 minutes ago
[-]
Interesting idea — feels very intuitive.

Curious though: do users miss the numbers when they need precise decisions?

reply
Cider9986
1 hour ago
[-]
It is not beautiful for me on Mobile
reply
Leftium
1 hour ago
[-]
Can you clarify? Is the rendering broken on mobile?

I just checked, and the responsive layout seems to render correctly on Android Firefox/Chrome and iOS Safari.

You can even save WeatherSense to your home screen as a simple progressive web app.

reply
Cider9986
49 minutes ago
[-]
I don't like the color scheme with the gradients; nothing functionally wrong, just my reaction.
reply
Leftium
32 minutes ago
[-]
The gradients actually serve a purpose:

- You can see the weekly high/low temperature trends by scanning down vertically along the left.

- Redder color means warmer; bluer means cooler.

- The gradient is constant for all data plots, so you can visually compare the temperature across days and hours.

- The gradient block for each day goes from the high to the low temp for that day.

- Even the hourly temperature plot line is calibrated to the same gradient.

---

The sky background gradient is slightly superfluous, but it's very subtle and meant to emulate (a more vibrant) version of the actual sky.

For anyone who wants more gradients: there's a setting here: https://weather-sense.leftium.com/wmo-codes

I disabled those by default because they were distracting and didn't serve a purpose.

reply
rzzzwilson
3 hours ago
[-]
Any way to change units? My location uses the metric system.
reply
Leftium
3 hours ago
[-]
There is a unit toggle button right below the day tiles. Your selection should be persisted across page loads.

- You can also tap any unit to toggle.

- But the main point of WeatherSense is to transcend units ^^

reply