Embed widget demo

Two live widgets, one with explicit coordinates and one that lets the edge geolocate. Both are rendered by /embed.js into their own shadow root. If the API cannot answer, each widget removes itself and leaves no trace on the page — that silence is the designed behaviour, not a bug.

Fixed coordinates (Hong Kong, 22.28 / 114.17)

<script src="https://meteorshowercal.com/embed.js"
        data-lat="22.28" data-lon="114.17"></script>

No coordinates (visitor's own approximate location)

<script src="https://meteorshowercal.com/embed.js"></script>

What to check

The card renders inside a #shadow-root (open) under div.meteorshowercal-embed — inspect it, the host page's CSS must not reach inside.
The card's only link points at https://meteorshowercal.com/?utm_source=embed&utm_medium=widget with rel="noopener" and no nofollow.
Times in the card are the observer's local wall clock, read straight off the ISO offset — not converted to your browser's timezone.
Cloud cover that is unknown reads “Cloud data unavailable”, never 0%.
Break it on purpose: block /api/v1/* in devtools and reload. Both widgets should vanish with no layout shift and no console error.

Full API documentation