Back to APIs list

Weather API examples & templates

Use these vals as a playground to view and fork Weather API examples and templates on Val Town. Run any example below or find templates that can be used as a pre-built solution.
reactWeatherDashboard
vanzel
reactWeatherDashboard
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
swiftCoralHare
Zahoor
swiftCoralHare
An interactive, runnable TypeScript val by Zahoor
Script
weatherDashboard
vladocar
weatherDashboard
@jsxImportSource https://esm.sh/react
HTTP
Weather
ViolinMimo
Weather
An interactive, runnable TypeScript val by ViolinMimo
Cron
gamesOfAdventure
Spotlight_9
gamesOfAdventure
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
weatherDashboard
oioioi
weatherDashboard
@jsxImportSource https://esm.sh/react
HTTP
miraculousTanHeron
Amlan
miraculousTanHeron
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
decisiveRoseFelidae
techMember
decisiveRoseFelidae
@jsxImportSource https://esm.sh/react
HTTP
weatherGovGrid
stevekrouse
weatherGovGrid
Lookup a weather.gov grid by lat, lon Documentation: https://www.weather.gov/documentation/services-web-api Forecasts are created at each NWS Weather Forecast Office (WFO) on their own grid definition, at a resolution of about 2.5km x 2.5km. The API endpoint for the 12h forecast periods at a specific grid location is formatted as: https://api.weather.gov/gridpoints/{office}/{gridX},{gridY}/forecast For example: https://api.weather.gov/gridpoints/TOP/31,80/forecast To obtain the grid forecast for a point location, use the /points endpoint to retrieve the current grid forecast endpoint by coordinates: https://api.weather.gov/points/{latitude},{longitude} For example: https://api.weather.gov/points/39.7456,-97.0892
Script
brooklynWeatherVal
sris3
brooklynWeatherVal
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
robustApricotSkink
johndevor
robustApricotSkink
@jsxImportSource https://esm.sh/react
HTTP
frostNotify
chet
frostNotify
An interactive, runnable TypeScript val by chet
Script
nobleAmberGalliform
kiddie
nobleAmberGalliform
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
weatherDashboard
zackkh
weatherDashboard
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
weatherDashboard
Enyewashebir
weatherDashboard
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
wttrGetForecast
smalldogenergy
wttrGetForecast
An interactive, runnable TypeScript val by smalldogenergy
Script