Live weather widgets: forecasts, radar maps and wind maps for your dashboard

Embed live weather in Notion, Obsidian, Google Sites or any website: 15-day forecasts, city weather panels, national radar mosaics and animated wind maps — real-time iframes, free to embed.

Weather is the canonical "live" content: a forecast older than an hour is folklore. Yet most "weather widgets" you can embed are either paid SDKs or static images. The widgets below are live crops of real meteorological pages — national weather services and visualization sites — embedded as sandboxes iframes that repaint on every view.

15-day forecasts — plan the next two weeks

15-day weather forecast · embed: https://embed.widget.diy/FMAjysNS — a two-week outlook with daily highs, lows and conditions; crop one city column for a sidebar card.
Shanghai weather panel · embed: https://embed.widget.diy/BXHydMhP — a broadcast-style city panel: current conditions plus the week ahead.

Radar mosaics — where is the rain right now

National radar mosaic (China Meteorological Administration) · embed: https://embed.widget.diy/xqorLyVj — the official radar composite, animated; the honest answer to "is it raining _now_?".

Wind maps — the beautiful end of meteorology

Wind map (ventusky) · embed: https://embed.widget.diy/JRfvQDde — animated flow lines over a regional map; hypnotic as a dashboard background and genuinely useful for sailors, cyclists and drone pilots.
Gust map (earth.nullschool.net) · embed: https://embed.widget.diy/LcrMJ47x — the nullschool globe cropped to a region: publication-quality wind visualization, live.

How to embed live weather in Notion

Open the widget detail page and copy its embed URL.
In Notion: /embed → paste → resize.
The forecast updates whenever the page is viewed — no API keys, no SDK, no account.

HTML version:

<iframe
  src="https://embed.widget.diy/FMAjysNS"
  width="600"
  height="400"
  frameborder="0"
  scrolling="no"
  loading="lazy"
></iframe>

Use ?fit=cover when the map should fill a hero banner, or ?fit=contain to letterbox a forecast table into a narrow column.

Crop your own city

Every one of these started as someone pasting a weather URL into widget.diy and dragging a frame around their city. Do the same with your local forecast page — the embed keeps your exact crop, at your exact size, live.

FAQ

Do I need an API key? No. The widget embeds the public page itself; the source site's own data does the work.

Will the radar animate inside Notion? Yes — the iframe runs the source page's JavaScript in a sandbox on the embed origin, animations included.

Can I show multiple cities? Embed one widget per city; Notion lets you lay them out in columns.