Home

Embed

Live data widgets you can embed

Put a small live view of earthquakes, aurora, tropical storms, wildfires or tonight's sky on your own page. Each widget is one iframe that reads the same data files as this site's live pages, names its source and data time, and comes with one visible credit line that links back here.

The five widgets

Each widget is a small page of its own on this site that draws one live view and says, in words under the picture, what it shows and when its data is from. Screen readers get the same numbers from a text description of the picture. The credit and the link back stay visible at the bottom of the widget at every size.

Earthquakes now

A world map of the earthquakes in the 24 hours up to the time of the U.S. Geological Survey's feed of magnitude 2.5 and above. Each quake is a dot sized by magnitude that sends out rings, larger and slower for larger quakes; quakes in the newest hour of the feed are red and those in its newest six hours yellow. Below the map: the newest quake with its place and how long ago it happened, the count and the largest magnitude, and at larger sizes the five newest.

The snippet for this widget at 400 by 300 pixels:

<iframe src="https://zeninnov8.com/embed/earthquakes/" width="400" height="300" title="Earthquakes now: live map from USGS data" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border:0;max-width:100%"></iframe>
<p style="margin:4px 0 0;font-size:13px">Live data by <a href="https://zeninnov8.com/earthquakes-today/">Radar Around You</a></p>

Aurora meter

The latest planetary Kp index from NOAA's Space Weather Prediction Center on a gauge from 0 to 9 with a needle that sweeps to the value, and a bar for each recent three-hour period. The stretch from Kp 5 to 9 is coloured by NOAA's geomagnetic storm levels G1 to G4, one colour each; G5 is Kp 9 itself, the end of the scale, and the filled arc and the bars take a fifth colour there. The text names the period and its storm level.

The snippet for this widget at 400 by 300 pixels:

<iframe src="https://zeninnov8.com/embed/aurora/" width="400" height="300" title="Aurora meter: the planetary Kp index from NOAA SWPC" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border:0;max-width:100%"></iframe>
<p style="margin:4px 0 0;font-size:13px">Live data by <a href="https://zeninnov8.com/aurora-tonight/">Radar Around You</a></p>

Tropical storms

The active storms in the US National Hurricane Center's list (Atlantic, Eastern Pacific and Central Pacific), each a turning spiral at its position with NHC's forecast track, along which a dot travels. The text gives the strongest storm's wind in knots and km/h and its Saffir-Simpson category. When no storm is active it says so.

The snippet for this widget at 400 by 300 pixels:

<iframe src="https://zeninnov8.com/embed/tropical-storms/" width="400" height="300" title="Tropical storms: active storms and forecast tracks from NOAA NHC" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border:0;max-width:100%"></iframe>
<p style="margin:4px 0 0;font-size:13px">Live data by <a href="https://zeninnov8.com/tropical-storms-now/">Radar Around You</a></p>

Wildfire map

Every quarter-degree cell with a satellite fire detection in NASA FIRMS's 24 hour files for the VIIRS instruments, brighter and yellower where there are more detections, with a soft band sweeping across the map. A detection is a place where a satellite saw heat, not a confirmed fire, and the text says so.

The snippet for this widget at 400 by 300 pixels:

<iframe src="https://zeninnov8.com/embed/wildfires/" width="400" height="300" title="Wildfire map: satellite fire detections from NASA FIRMS" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border:0;max-width:100%"></iframe>
<p style="margin:4px 0 0;font-size:13px">Live data by <a href="https://zeninnov8.com/wildfires-today/">Radar Around You</a></p>

Tonight's sky

A sky chart for one of six cities (Pune, New York, London, Tromsø, Tokyo or Sydney): the Moon with its phase and the planets Mercury, Venus, Mars, Jupiter and Saturn, moving through tonight from sunset to sunrise, with their paths drawn faintly, and MET Norway's hourly cloud forecast for the night below it. The positions are worked out in your visitor's browser; the cloud comes from the site's live data.

The snippet for this widget at 400 by 300 pixels:

<iframe src="https://zeninnov8.com/embed/tonights-sky/?city=pune" width="400" height="300" title="Tonight's sky: Moon, planets and cloud for one city" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border:0;max-width:100%"></iframe>
<p style="margin:4px 0 0;font-size:13px">Live data by <a href="https://zeninnov8.com/tonights-sky/pune/">Radar Around You</a></p>

Make your snippet

Pick a widget, a size and the colours, and for the sky widget a city; the snippet below updates, with a preview.

How to embed a widget

1. Copy the two lines of a snippet: the iframe and the credit line under it.
2. Paste them into your page's HTML where the widget should appear. Any size from 280 by 200 to 800 by 600 pixels works; the widget rearranges itself to fit, and on a narrow screen it shrinks with the page.
3. Options go in the address: ?theme=light or ?theme=dark fixes the colours (without it the widget follows your visitor's light or dark setting), and the sky widget takes ?city= with one of pune, newyork, london, tromso, tokyo, sydney. Anything else in the address is ignored.
4. If your site sends a content security policy, allow frames from https://zeninnov8.com (the frame-src directive).

The credit line

Each snippet ends with one plain line under the frame, "Live data by Radar Around You", linking to the live page with the same data. Please keep it visible and unchanged. It is a credit for the work of collecting, checking and drawing the data, the way a photo carries its photographer's name. We ask for nothing else: no other links, no keyword text, nothing hidden. Google's spam policies name keyword-rich, hidden or low-quality links in widgets that are spread across many sites as link spam, which is why the credit is one short, visible link with the site's name as its text. If your site's policy is to mark outside links with rel="nofollow", you can add it.

What a widget loads, and privacy

A widget loads its own page and the site's live data files (the same files the live pages and the 3D app read), and nothing else: no cookies, no storage in the browser, no analytics or tracking, no fonts or scripts from other sites. Its page sets a content security policy that allows requests to this site only. Like any web page, the requests reach this site's web host. The animation stops for visitors who ask their system for reduced motion, while the widget is scrolled out of view and whenever the data is out of date. The widget looks for new data at most every five minutes, waits longer after a failed attempt, and does not look at all while its page is in a background tab or the widget is scrolled out of view; it downloads a data file again only when the file has changed.

When data is late or missing

Each widget compares the time of its data with the same limit the matching live page uses (the table above). Past that limit it stops moving and says in a yellow line that the data is out of date and how old it is; it does not guess or fill in. If the data cannot be loaded at all it says so in plain words and tries again later. The sky widget's chart is computed and still works without the data files; only its cloud strip then says the forecast is not available.

Fire data credit, as NASA asks: We acknowledge the use of data and/or imagery from NASA's Land, Atmosphere Near real-time Capability for Earth observations (LANCE) (https://earthdata.nasa.gov/lance), part of NASA's Earth Science Data and Information System (ESDIS). Cloud data: The Norwegian Meteorological Institute, shortened MET Norway, licensed under CC BY 4.0. The Moon and planet positions are computed with a short set of formulas checked against the astronomy-engine library the sky pages use; the widget's maps use Natural Earth coastlines.

Sources

• USGS earthquake feeds (GeoJSON). The magnitude 2.5 and above feed the earthquake widget reads
• NOAA Space Weather Prediction Center. The planetary Kp index; the G scale from its scales page
• NOAA National Hurricane Center. Active storms, advisories and forecast tracks; the Saffir-Simpson scale
• NASA LANCE: FIRMS active fire data. The 24 hour VIIRS fire files and the acknowledgement text
• MET Norway Locationforecast. The hourly cloud forecast. Data from The Norwegian Meteorological Institute, shortened MET Norway, CC BY 4.0
• Natural Earth. The coastlines on the maps, simplified; public domain
• Google Search Central: link spam. Why the credit is one plain, visible link