Auf eigener Website einbinden
Diese Codes auf deiner Seite einbauen. Snippets aktualisieren sich automatisch sobald neue Klimadaten verfügbar sind (Pipeline läuft täglich/monatlich).
Komplette Page als iframe — für ganze Berichte
Versteckt automatisch den ClAn-Header und passt die Höhe an die Inhalte an. Postnachricht-Resizer fürs Parent-Frame.
<iframe id="clan-darmbachaue-1"
src="https://clan.sonitrace.com/r/darmbachaue-1?embed=1"
style="width:100%; border:0; min-height:2400px"
scrolling="no" loading="lazy"></iframe>
<script>
window.addEventListener('message', (e) => {
if (e.data && e.data.type === 'clan-height') {
document.getElementById('clan-darmbachaue-1').style.height = e.data.height + 'px';
}
});
</script>
Nur „Aktuell"-Sektion als iframe — Wetter + 7-Tage + Monat/Jahr
Kompakter — nur der obere Teil der Seite (live-Wetter, 7-Tage-Verlauf, Vergleich mit Klimanormal). Updates wie sonst auch (täglich).
<iframe id="clan-aktuell-darmbachaue-1"
src="https://clan.sonitrace.com/r/darmbachaue-1?embed=1§ion=aktuell"
style="width:100%; border:0; min-height:1000px"
scrolling="no" loading="lazy"></iframe>
<script>
window.addEventListener('message', (e) => {
if (e.data && e.data.type === 'clan-height') {
document.getElementById('clan-aktuell-darmbachaue-1').style.height = e.data.height + 'px';
}
});
</script>
Nur „Klima-Analyse" als iframe — WMO-Periode (1991–) Default
Reiner Klima-Bericht ohne aktuelle Wetterdaten. Tab-Schalter im iframe ermöglicht Umschalten zum vollen Datensatz.
<iframe id="clan-klima-darmbachaue-1"
src="https://clan.sonitrace.com/r/darmbachaue-1?embed=1§ion=klima"
style="width:100%; border:0; min-height:2000px"
scrolling="no" loading="lazy"></iframe>
<script>
window.addEventListener('message', (e) => {
if (e.data && e.data.type === 'clan-height') {
document.getElementById('clan-klima-darmbachaue-1').style.height = e.data.height + 'px';
}
});
</script>
Nur „Klima-Analyse" als iframe — voller Datensatz 1940– als Default-Tab
Wie oben, aber startet direkt mit dem 85-Jahre-Verlauf statt der WMO-Periode. Tab-Wechsel weiterhin möglich.
<iframe id="clan-klima-full-darmbachaue-1"
src="https://clan.sonitrace.com/r/darmbachaue-1?embed=1§ion=klima&variant=full"
style="width:100%; border:0; min-height:2000px"
scrolling="no" loading="lazy"></iframe>
<script>
window.addEventListener('message', (e) => {
if (e.data && e.data.type === 'clan-height') {
document.getElementById('clan-klima-full-darmbachaue-1').style.height = e.data.height + 'px';
}
});
</script>
Nur Warming Stripes — voller Datensatz 1940– als iframe
Nur der Warming-Stripes-Chart über den kompletten ERA5-Bestand (1940–heute), interaktiv mit Hover-Tooltips, automatische Höhenanpassung.
<iframe id="clan-stripes-darmbachaue-1"
src="https://clan.sonitrace.com/r/darmbachaue-1?embed=1§ion=stripes&variant=full"
style="width:100%; border:0; min-height:380px"
scrolling="no" loading="lazy"></iframe>
<script>
window.addEventListener('message', (e) => {
if (e.data && e.data.type === 'clan-height') {
document.getElementById('clan-stripes-darmbachaue-1').style.height = e.data.height + 'px';
}
});
</script>
Mini-Widget „Jetzt-Wetter" — 7 Tiles (Wetter, Temp, Niederschlag, Wind, Feuchte, Bewölkung, Druck)
Aktuelles Wetter als kompaktes Tile-Grid. Höhe passt sich automatisch an den verfügbaren Platz an (Desktop ~140 px, Mobile mehrzeilig).
<iframe id="clan-now-darmbachaue-1"
src="https://clan.sonitrace.com/r/darmbachaue-1?embed=1§ion=now"
style="width:100%; border:0; min-height:150px"
scrolling="no" loading="lazy"></iframe>
<script>
window.addEventListener('message', (e) => {
if (e.data && e.data.type === 'clan-height') {
document.getElementById('clan-now-darmbachaue-1').style.height = e.data.height + 'px';
}
});
</script>
Einzelne Grafiken als Bild — passt überall (HTML, Markdown, Wordpress, Notion)
Direkter Bild-Link, keine Scripts. Bilder regenerieren sich nach jedem Pipeline-Lauf automatisch.
Warming Stripes
<img src="https://clan.sonitrace.com/render/point?lat=49.85527&lon=8.69483&label=Dommersberg%2C%20Dachsberg%20und%20Darmbachaue¶m=tmean_yearly&plot=stripes&height=360"
alt="Warming Stripes Dommersberg, Dachsberg und Darmbachaue" loading="lazy"
style="max-width:100%;height:auto">
Trend Jahresmittel
<img src="https://clan.sonitrace.com/render/point?lat=49.85527&lon=8.69483&label=Dommersberg%2C%20Dachsberg%20und%20Darmbachaue¶m=tmean_yearly&plot=trend"
alt="Temperatur-Trend Dommersberg, Dachsberg und Darmbachaue" loading="lazy"
style="max-width:100%;height:auto">
Klimadiagramm (Walter-Lieth)
<img src="https://clan.sonitrace.com/render/point?lat=49.85527&lon=8.69483&label=Dommersberg%2C%20Dachsberg%20und%20Darmbachaue¶m=tmean_yearly&plot=walterlieth"
alt="Klimadiagramm Dommersberg, Dachsberg und Darmbachaue" loading="lazy"
style="max-width:100%;height:auto">
Klimanormal vs aktuell
<img src="https://clan.sonitrace.com/render/point?lat=49.85527&lon=8.69483&label=Dommersberg%2C%20Dachsberg%20und%20Darmbachaue¶m=tmean_yearly&plot=normal"
alt="Klimanormal vs aktuell Dommersberg, Dachsberg und Darmbachaue" loading="lazy"
style="max-width:100%;height:auto">
Saison-Profil
<img src="https://clan.sonitrace.com/render/point?lat=49.85527&lon=8.69483&label=Dommersberg%2C%20Dachsberg%20und%20Darmbachaue¶m=tmean_yearly&plot=seasonal"
alt="Saison-Profil Dommersberg, Dachsberg und Darmbachaue" loading="lazy"
style="max-width:100%;height:auto">
Heiße-Tage-Trend
<img src="https://clan.sonitrace.com/render/point?lat=49.85527&lon=8.69483&label=Dommersberg%2C%20Dachsberg%20und%20Darmbachaue¶m=hot_days&plot=trend"
alt="Trend Hitzetage Dommersberg, Dachsberg und Darmbachaue" loading="lazy"
style="max-width:100%;height:auto">
Plot-Variationen — andere Parameter + Plot-Typen
URL-Schema: /render/point?lat=&lon=¶m=PARAM&plot=TYP&label=…
Plot-Typen: stripes · trend · normal · walterlieth · seasonal
Param-IDs:
tmean_yearly, hot_days, summer_days, frost_days,
tropical_nights, precip_yearly, heavy_rain,
dry_period, heatwaves, snow_yearly,
wind_mean, storm_days, radiation, sunshine
Optional: &width=1200&height=675 (Pixel, Default 1200×675; Stripes nutzt 1200×360).
Variante: &variant=wmo (Default, 1991–) oder &variant=full (voller ERA5-Datenbestand, 1940–). Beispiel für 85-Jahre-Stripes:
<img src="https://clan.sonitrace.com/render/point?lat=49.85527&lon=8.69483&label=Dommersberg%2C%20Dachsberg%20und%20Darmbachaue¶m=tmean_yearly&plot=stripes&variant=full&height=360"
alt="Warming Stripes 1940– Dommersberg, Dachsberg und Darmbachaue" loading="lazy"
style="max-width:100%;height:auto">
Aktualisierung: Klimadaten werden monatlich neu berechnet, aktuelle Werte täglich (3:00 UTC).
Eingebettete Bilder zeigen automatisch die jeweils aktuellsten Daten — kein Update auf deiner Seite nötig.