Remix.run Logo
Show HN: Beautiful intuitive weather forecasts that don't rely on numbers/units(weather-sense.leftium.com)
3 points by Leftium a day ago | 8 comments

- 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 a day ago | parent | next [-]

Interesting idea — feels very intuitive.

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

Leftium a day ago | parent [-]

The numbers are still there (unless "calm" mode is enabled.) You can scrub any of the plots to get the precise values for the metrics at that time.

The colors + space simply help you understand the numbers better.

(Weather forecast precision is artificial "because weather forecasts fundamentally have very high uncertainty and error bands"[1])

[1]: https://news.ycombinator.com/item?id=46570599

rzzzwilson a day ago | parent | prev | next [-]

Any way to change units? My location uses the metric system.

Leftium a day ago | parent [-]

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 ^^

Cider9986 a day ago | parent | prev [-]

It is not beautiful for me on Mobile

Leftium a day ago | parent [-]

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.

Cider9986 a day ago | parent [-]

I don't like the color scheme with the gradients; nothing functionally wrong, just my reaction.

Leftium a day ago | parent [-]

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.