Medora Weather

Copy-and-paste weather widgets and images for Medora, North Dakota.

Powered by the National Weather Service and cached hourly, so this page — and every site that embeds it — never overloads the government API. Each snippet below is ready to paste as-is.

Jump to Quick start Widget recipes Options Static images Custom builder

Quick start

Paste this one line where you want the widget to appear. That's the whole install — no accounts, no keys, no build step.

<script src="https://weather.labs.trlibrary.com/embed.js"
        data-days="3"
        data-rain="true"></script>

Widget recipes

Each block below is a complete, working snippet. Copy the one that fits, or mix the options — see the reference table further down.

Current conditions

<script src="https://weather.labs.trlibrary.com/embed.js"
        data-view="current"></script>

Five-day forecast

<script src="https://weather.labs.trlibrary.com/embed.js"
        data-days="5"
        data-rain="true"></script>

Hourly strip (next 12 hours)

<script src="https://weather.labs.trlibrary.com/embed.js"
        data-days="0"
        data-hours="12"
        data-rain="true"></script>

Three-day + hourly together

<script src="https://weather.labs.trlibrary.com/embed.js"
        data-days="3"
        data-hours="12"
        data-rain="true"></script>

Compact — no heading

<script src="https://weather.labs.trlibrary.com/embed.js"
        data-days="3"
        data-rain="true"
        data-title="false"></script>

Several widgets on one page

Include the script once, then drop a container wherever you want a widget. Handy when the same page needs, say, "current" in a header and a "5-day" in the sidebar.

<div data-medora-weather data-view="current"></div>
<div data-medora-weather data-days="5"></div>

<!-- include once, anywhere on the page -->
<script src="https://weather.labs.trlibrary.com/embed.js"></script>

Options reference

Attribute	Values	Default	What it does
`data-days`	0–7	`3`	Number of forecast days shown with a condition icon. `0` hides the multi-day row.
`data-hours`	0–24	`0`	Number of hourly columns with condition icons. `0` hides the hourly strip.
`data-rain`	`true` / `false`	`true`	Show chance of rain.
`data-title`	`true` / `false`	`true`	Show the "Medora, North Dakota" heading.
`data-view`	`current` / `hourly` / `days`	—	Force a single view. Overrides `data-days`/`data-hours`.

Static images

Prefer a plain image — for email, print signage, a CMS that blocks scripts, or a social post? Hotlink any of these PNGs. They refresh hourly at the same URL, so the link never goes stale.

<img src="https://weather.labs.trlibrary.com/images/current.png"
     alt="Current weather in Medora, ND">

<img src="https://weather.labs.trlibrary.com/images/forecast-3day.png"
     alt="3-day forecast for Medora, ND">

<img src="https://weather.labs.trlibrary.com/images/hourly.png"
     alt="Hourly forecast for Medora, ND">

<!-- 1200x630, sized for link previews & email headers -->
<img src="https://weather.labs.trlibrary.com/images/social.png"
     alt="Weather in Medora, ND">

Also available: forecast-5day.png, forecast-7day.png, and an .svg version of every image (same names) for print or large-format use. Need just the URL? It's the part inside src="…" above.

Custom builder

Set the options and copy the generated snippet. The preview updates live.

Multi-day

Hourly hours

Chance of rain

Show title

Theodore Roosevelt Presidential Library · weather data © NOAA / National Weather Service · updated hourly via GitHub Actions.