Forecast Product / Updated Jun 10

IV Sunsets

A consumer weather product that scores Isla Vista sunsets from 0 to 100, explains the call, and renders the forecast as a living sky instead of a dead dashboard.

Creator2026TypeScriptLive on the web

What this project proves

This project makes forecasting feel like a ritual instead of homework.

IV Sunsets turns local weather data into something people actually want to check before dinner. Live forecast inputs roll into a six-day outlook, animated Canvas scenes, an interactive simulator, and a scrollytelling explainer that teaches why the score moved.

Live product capture
Surface proof
Live IV Sunsets homepage showing the current sunset score and animated scene.

Live product capture

This is the product doing its job: a single sunset score, a plain-English outlook, and a custom sky scene rendered from live Isla Vista forecast data.

0-100

Score range

single-number sunset quality index

6 days

Forecast window

with daily breakdowns and explanations

9

Scoring factors

clouds, rain, humidity, visibility, and texture all move the score

01

Scoring model

The scoring logic is simple enough to understand and specific enough to feel trustworthy. It turns weather into a strong call, not a black box.

  • Open-Meteo inputs feed a 0-100 score tuned to the sunset window
  • High clouds, mid clouds, low-cloud penalties, rain, humidity, and visibility all move the result
  • Fallback forecasts keep the experience usable even when the API is down
02

Visual product design

The product wins on interface as much as on logic. The number only matters because the UI makes it legible, local, and memorable.

  • Canvas sky scenes respond to the same data that drives the score
  • Forecast cards, reason chips, and labels make the outlook instantly scannable
  • The main surface feels like a local consumer app, not a weather console
03

Explainer loop

The simulator and post-sunset feedback keep the model from feeling like a magic number. Users can see why the call moves and feed reality back into the product.

  • Sliders let people see how haze, clouds, and atmosphere change the score
  • Scrollytelling explains why certain sunset conditions look better
  • Post-sunset feedback is stored locally to calibrate future calls