Embed

Put Space Radar in your page

Copy one line of HTML and a live 3D view of an object, a guided trip or the whole map sits in your page. It is free, it needs no sign-up, and it stores nothing on your reader's device: no cookie, no tracker.

Make the code

What to show An object A guided trip The whole map

Object Or any object by its id, its NORAD number or its name

Width in pixels Height in pixels

Add a line under the frame that links back to Space Radar

That line is optional. Untick it for a classroom page or anywhere it does not belong. The small "Open in Space Radar" link inside the frame stays: it is how a reader reaches the full map.

Paste this into your page's HTML

Three to start from

One object, live

<iframe src="https://www.spaceradar.ai/?embed=1&amp;at=sat-25544" title="International Space Station, live on Space Radar" width="600" height="400" loading="lazy" allow="fullscreen" style="border:0;max-width:100%"></iframe>
<p>Live view by <a href="https://www.spaceradar.ai/?from=embed">Space Radar</a></p>

A guided trip: Where we have landed on the Moon

<iframe src="https://www.spaceradar.ai/?embed=1&amp;trip=moon-landings" title="Where we have landed on the Moon, a guided trip on Space Radar" width="600" height="400" loading="lazy" allow="fullscreen" style="border:0;max-width:100%"></iframe>
<p>Live view by <a href="https://www.spaceradar.ai/?from=embed">Space Radar</a></p>

The whole map

<iframe src="https://www.spaceradar.ai/?embed=1" title="Space Radar, a live 3D map of space" width="600" height="400" loading="lazy" allow="fullscreen" style="border:0;max-width:100%"></iframe>
<p>Live view by <a href="https://www.spaceradar.ai/?from=embed">Space Radar</a></p>

Good to know

Change width and height to suit your column. The view fills whatever box it is given, down to about 280 pixels wide. Keep the title: a frame without one has no name for a screen reader.
loading="lazy" keeps the map from starting until a reader scrolls near it. A world or a crewed station starts a light version (about 2 MB); anything else starts the whole map, which is several megabytes.
The reader's camera is theirs: drag, scroll, pinch. Nothing in the frame takes a key from your page.
If your site sets a Content Security Policy, allow the frame with frame-src https://www.spaceradar.ai.
The full manual, with every parameter, is docs/EMBEDDING.md.

What the frame draws is modelled from public measurements: positions are worked out in the browser from published orbital elements and ephemerides, and the object's tag in the frame says how its numbers were worked out. Where a view is an artist's impression, it says so. The sources are listed on the Sources page and in CREDITS.md.

Sites that embed it

None yet. If you have put Space Radar in a page and would like it listed here, tell us in Show and tell.