Weather strap
How this template was made
- Model
- Claude Opus 5.5
- Generation time
- Part of Europe weather
Prompt
Build a broadcast weather report graphics example. Make it Europe, and live: the full sequence plus a strap. A clean, flat look, but with see-through shaders for the rain, snow and so on. First draw a concept storyboard, then build it.
Prompt edited for clarity. The time is estimated from the session records and covers writing and building only, not waiting, checks or tests.
A strap for the weather in a news bulletin: one city, from today's real forecast. It's live: your browser asked Open-Meteo for it when this page opened, and asks again every quarter of an hour, so the numbers are the ones forecast right now. When it's raining or snowing there, the weather falls inside the icon box.
Try it
- Pick a City and When: now, today, tonight or tomorrow. The number rolls to the new value and the words change in place.
- Press Take out, then Take in. The icon box rises first and the bar wipes open behind it.
What you get
- Live data: the page asks Open-Meteo for the forecast and sends it to the graphic, then again every quarter of an hour.
- Functions: one function, Strap, writes the words, the number, the high and low and the icon for the city and time chosen. The icon moves by itself: rain falls and clouds drift inside its picture.
- A see-through shader: the same rain, snow, thunder and fog as the Europe weather map, filling the icon box.
- Data updates: the numbers roll up to their new values.
How the data gets there
| Field | What it holds |
|---|---|
cities | The same forecast as Europe weather: one entry per city |
city | Which city the strap is about |
when | now, today, tonight or tomorrow |
credit | Where the forecast comes from, under the strap |
The forecast comes from Open-Meteo, and your browser asks for it directly while the graphic is on screen.