One iframe. No key, no account, no script to install, and no bill. It renders the same NOAA MRMS hail swaths the public map does, and it refreshes itself -- you paste it once.
<div style="position:relative;width:100%;padding-bottom:62%">
<iframe src="https://swathiq.ccdocs.com/embed/hail-map"
title="Live U.S. hail map"
loading="lazy"
style="position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<p style="font:13px/1.5 system-ui,sans-serif;margin:6px 0 0">Live hail data by <a href="https://ccdocs.com/hail-map-widget/">SwathIQ</a>, from Call Center Doctors.</p>Paste it wherever you want the map. The wrapper div is doing real work: an iframe with a percentage height inside an ordinary block collapses to the browser default of 150px, which is the most common way a pasted embed comes out looking broken. The padding-bottom on a positioned wrapper is what makes it keep its shape on a phone.
This is the widget itself, running from the same URL as the snippet above.
Add ?state=XX to the src with the two-letter code and the map opens scoped and pre-zoomed to that state. An unrecognised code is ignored -- you get the national view, not an error.
<div style="position:relative;width:100%;padding-bottom:62%">
<iframe src="https://swathiq.ccdocs.com/embed/hail-map?state=TX"
title="Live TX hail map"
loading="lazy"
style="position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<p style="font:13px/1.5 system-ui,sans-serif;margin:6px 0 0">Live hail data by <a href="https://ccdocs.com/hail-map-widget/">SwathIQ</a>, from Call Center Doctors.</p>Codes that scope the map, straight from the same list that builds the state hubs:
?state=TX Texas?state=KS Kansas?state=NE Nebraska?state=SD South Dakota?state=OK Oklahoma?state=CO Colorado?state=MO Missouri?state=MN Minnesota?state=IA Iowa?state=IL Illinois?state=ND North Dakota?state=AR Arkansas?state=NM New Mexico?state=WY Wyoming?state=NC North Carolina?state=GA Georgia?state=MT Montana?state=MS Mississippi?state=VA Virginia?state=WI Wisconsin?state=TN Tennessee?state=FL Florida?state=AL Alabama?state=OH Ohio?state=SC South Carolina?state=IN Indiana?state=LA Louisiana?state=KY Kentucky?state=PA Pennsylvania?state=MI Michigan?state=NY New York?state=WV West VirginiaSome sites cannot carry a visible third-party credit -- a franchise template, a compliance rule, a page with no room for it. Take the frame on its own. It is the same widget, the same URL and the same refresh, and nothing is withheld. We would rather you embedded it than not.
<div style="position:relative;width:100%;padding-bottom:62%">
<iframe src="https://swathiq.ccdocs.com/embed/hail-map"
title="Live U.S. hail map"
loading="lazy"
style="position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>| Price | Free. No key, no account, no usage cap, no invoice. |
|---|---|
| What we ask instead | Keep the credit line that ships in the snippet -- one visible sentence under the frame, linking to the widget page on ccdocs.com. That link is the entire reason this is free. Word it however you like; we are asking for a brand credit, not for a phrase to paste. |
| Where the data comes from | NOAA MRMS MESH radar plus NOAA/NWS SPC storm reports. Radar-indicated, informational -- not a guarantee of damage and not a claim document. |
| What we collect | Nothing from your visitors. The widget carries no leads, no addresses and no personal data. Our server sees the ordinary web-request fields, including the referring page, which is how we know the widget is being used. |
| Is the credit required? | No. It is an ask, not a condition of use. There is a frame-only snippet further down for sites that cannot carry a third-party credit, and it is the identical widget with nothing withheld. We will not chase anyone, and nothing switches off. |
The widget already prints "Powered by SwathIQ" in its own bottom bar, and for a human reading the map that is enough. For search it is worth nothing, and the difference is the whole reason the snippet is shaped the way it is.
An iframe is a separate document. A search engine attributes what is inside the frame to the frame's own URL, not to the page that embeds it -- so the in-frame link is a link on swathiq.ccdocs.com/embed/hail-map, not a link from your site. And that URL is deliberately noindex, because it is an embed target rather than a page meant to rank. Links on a page nobody indexes do not travel.
The credit line your page renders, in your own HTML, outside the frame, is therefore the only part of this snippet that is actually a link. That is why it is in the code block rather than in a footnote that says "ideally, also...".
It points at ccdocs.com/hail-map-widget/ rather than back here. SwathIQ is the map; Call Center Doctors is the company that pays for it, and that page is where the widget, the terms and the code are explained to whoever follows the link. The anchor is our brand name and stays that way -- a keyword phrase templated across every site running a widget is a link scheme under Google's own policy, so we will never send you anchor text to paste.
loading="lazy", so the browser does not fetch the map until the visitor scrolls near it. Nothing loads on your critical path.padding-bottom on the wrapper. It is the frame's height as a percentage of its width, so 62% is roughly 16:10 and 56% is 16:9. Use a fixed pixel height instead if you prefer; just keep the wrapper, because an iframe with height:100% and nothing to be 100% of collapses.Data & method: NOAA MRMS MESH radar + NOAA/NWS SPC reports. Radar-indicated and best-effort -- informational only, not a guarantee of damage or a valid claim.
Our US-based call center calls the homeowners in this storm and books roof inspections straight onto your calendar. You work the storm; we fill the schedule. We dial -- you do not have to knock a single door.
See call-center options ->