Add a live Earth to your website in less than one minute.

Q: Can I resize it?

Yes. Change the width parameter in the iframe URL and the widget scales automatically — see the parameters and responsive height sections above.

Display the real-time day/night globe and see how many people are currently experiencing sunrise around the world.

Copy-paste code

Place this block where you want the widget to appear:

<iframe
  src="https://www.ohayoworld.com/widgets/globe-widget.php?width=360&ohayos=1&lang=en"
  style="width:100%;max-width:360px;aspect-ratio:360/430;border:0"
  loading="lazy"
  title="OhayoWorld"></iframe>

Available parameters

Customize the widget through the iframe URL's query string:

Parameter	Values	Default	Description
width	140–1200	360	Globe width in pixels (140 to 1200). Height follows automatically (the globe is square, with the counter above and the "Powered by" link below).
ohayos	0 \| 1	1	Whether to show the animated markers for recently sent Ohayos on the globe.
lang	fr \| en \| es \| pt	en	Language of the counter text and link.

Responsive height (width AND height adapt)

The code above uses CSS aspect-ratio instead of a fixed height: if the parent container is resized (e.g. width:100% on mobile), the iframe automatically resizes its height together with its width — no JavaScript needed. The ratio is based on roughly width + 70px (counter + square globe + "Powered by" link). Example for a 360px width: height ≈ 430px.

Live preview

Here is the widget as it will appear on your site (320px width):

Why use this widget?

Show a live view of our planet.
Delight your visitors with real-time data.
Perfect for science, travel and geography websites.
Lightweight and free.
No API key.

Frequently asked questions

Can I use the widget commercially?

Yes. The widget can be used on personal and commercial websites at no cost.

Is it free?

Yes, the widget is completely free to use, with no hidden fees or usage limits.

Does it work on WordPress?

Yes. Add a Custom HTML block in WordPress and paste the iframe code.

Does it work on Notion?

Yes. Use Notion's "Embed" block and paste the widget URL.

Does it work on Squarespace?

Yes. Add a Code Block or Embed Block in Squarespace and paste the iframe code.

Can I resize it?

Yes. Change the width parameter in the iframe URL and the widget scales automatically — see the parameters and responsive height sections above.

Does it update automatically?

Yes. The globe and the sunrise counter update continuously in real time, with no action needed on your part.

Does it require JavaScript?

No custom JavaScript is required on your page — the widget itself uses JavaScript internally, inside the iframe, which loads automatically.

Good to know

The counter is computed 100% client-side from WorldPop population data — no API key required.
The widget refreshes continuously and stays in sync with real time.
The ohayoworld.com domain explicitly allows this widget to be framed from any site.
The widget is responsive: it scales down to fit its parent container, up to the width given in the width parameter.

🌍 Explore Earth Live