Embed the forecast on your site

For dive shops, clubs and blogs

Put a live Cape Town dive visibility card on your own site. One iframe, no script, no tracker, no key, no charge. It updates itself every three hours.

The snippet

Change the slug at the end of the URL to the site you want. That is the whole setup.

<iframe src="https://theviz.co.za/embed/millers-point"
        title="Live dive visibility forecast for this site, by theviz"
        width="100%" height="230" loading="lazy"
        style="border:0;max-width:420px"></iframe>

What it looks like

Light background?

Add ?theme=light and the card inverts to suit a light page.

<iframe src="https://theviz.co.za/embed/millers-point?theme=light"
        title="Live dive visibility forecast for this site, by theviz"
        width="100%" height="230" loading="lazy"
        style="border:0;max-width:420px"></iframe>

Terms, such as they are

• Free, for any site, commercial or not. No attribution required beyond the "theviz.co.za" line already inside the card — please leave that, since it is the only thing this asks for in return.
• The card sets no cookies, runs no JavaScript and loads nothing from a third party. Your visitors' browsers request one HTML document from this domain and nothing else.
• These are modelled estimates, not measurements, and they are not dive safety advice. Do not present the number as an observation, and do not build a booking or go/no-go decision on it without saying where it came from.
• If the forecast is regenerating the card degrades to a link rather than an error, so it will not put a broken box on your page.

Every available card

• https://theviz.co.za/embed/clifton — Clifton
• https://theviz.co.za/embed/bakoven — Bakoven
• https://theviz.co.za/embed/oudekraal — Oudekraal
• https://theviz.co.za/embed/cosy-bay — Cosy Bay
• https://theviz.co.za/embed/millers-point — Millers Point
• https://theviz.co.za/embed/buffels-bay — Buffels Bay
• https://theviz.co.za/embed/windmill-beach — Windmill Beach
• https://theviz.co.za/embed/boulders-beach — Boulders Beach
• https://theviz.co.za/embed/roman-rock — Roman Rock
• https://theviz.co.za/embed/partridge-point — Partridge Point
• https://theviz.co.za/embed/a-frame — A-Frame
• https://theviz.co.za/embed/pyramid-rock — Pyramid Rock
• https://theviz.co.za/embed/long-beach — Long Beach
• https://theviz.co.za/embed/glencairn — Glencairn
• https://theviz.co.za/embed/castle-rock — Castle Rock
• https://theviz.co.za/embed/rooi-els — Rooi Els
• https://theviz.co.za/embed/cape-hangklip — Cape Hangklip
• https://theviz.co.za/embed/moonlight-beach — Moonlight Beach

Prefer the raw data?

There is a public, CORS-enabled JSON API with no key required — every site, the full hourly distribution, the uncertainty band and the diveability gates. It is documented in llms.txt, and the methodology explains what the numbers mean before you build anything on them.

Something else in mind?

If you want a card shape this does not cover — a whole-region table, your three sites in one box, a different size — say so via the about page. It is a small amount of work and it is the kind of thing worth building.