Glossar: Komplettpaket (28 Eintraege, 19 SVGs, 5 DALL-E-Bilder, iPad, Experimente)
- Mindmap mit Force-directed Layout (pages/mindmap.php) + Cross-Links - 28 Eintraege im Fachartikel-Stil mit 113 Quellen + Inline-Referenzen [^n] - Leichte-Sprache-Version fuer alle 28 Eintraege (short_easy, text_easy, examples.text_easy) - 19 Infografiken (12 neu): co2-Keeling, klimawandel-Temp, kohlenstoff-Kreislauf, fotosynthese, energiemix-AT, methan-GWP, photovoltaik, wasserkraft, kipppunkt, biodiversitaet-LPI, permafrost, treibhausgas-GWP + bestehende (treibhauseffekt, ppm, windrad, albedo, fossile, kwh, co2-fussabdruck) - 5 DALL-E-Reprasentationsbilder im Querformat (nachhaltigkeit, klimaneutralitaet, erneuerbare-energie, emissionen, pariser-abkommen) - Alphabetische Sprungnavigation A-Z mit Buchstabenbannern - Lightbox-Vollbild auf allen Infografiken mit expliziten SVG-Dimensionen (Safari/iPad-Fix) - Easy-Sprache-Toggle pro Card mit localStorage-Persistenz - 4 interaktive Experimente: kWh-Rennen, ppm-Finder, albedo-Slider, CO2-Fussabdruck-Rechner - iPad-Optimierung: Touch-Ziele >=38px, Hover in @media (hover), touch-action - Modul-Metadaten aus DB-Tabelle module_info (keine Hardcodes) - Cache-Buster auf JS-Asset - Schema-Erweiterung: glossar_sources, examples.text_easy Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,104 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
|
||||
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
|
||||
Strommix Österreich 2023 — 84 % erneuerbar, aber im Gesamtenergiemix noch 62 % fossil
|
||||
</text>
|
||||
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
|
||||
Anteile am Endverbrauch · Daten: E-Control · Statistik Austria
|
||||
</text>
|
||||
|
||||
<!-- ====== LINKS: Strom-Kuchen ====== -->
|
||||
<g transform="translate(230,260)">
|
||||
<text x="0" y="-140" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">Strommix</text>
|
||||
<text x="0" y="-124" font-size="11" fill="#8a8a8a" text-anchor="middle">Bruttoinlandserzeugung 2023</text>
|
||||
|
||||
<!-- Kuchenstücke auf r=100 -->
|
||||
<!-- Reihenfolge startet oben (12 Uhr), im Uhrzeigersinn:
|
||||
Wasser 58%, Wind 11%, Biomasse 8%, PV 7%, Gas 10%, Sonstige 6% -->
|
||||
<!-- Mathematische Hilfe: Winkel in Grad, x = r*sin(a), y = -r*cos(a) -->
|
||||
<!-- Wasser: 0 → 208.8° -->
|
||||
<path d="M 0 0 L 0 -100 A 100 100 0 1 1 -48.17 87.63 Z" fill="#4a7c8a"/>
|
||||
<!-- Wind: 208.8 → 248.4° -->
|
||||
<path d="M 0 0 L -48.17 87.63 A 100 100 0 0 1 -92.99 36.81 Z" fill="#5a8a5e"/>
|
||||
<!-- Biomasse: 248.4 → 277.2° -->
|
||||
<path d="M 0 0 L -92.99 36.81 A 100 100 0 0 1 -99.20 -12.62 Z" fill="#3a6b3e"/>
|
||||
<!-- PV: 277.2 → 302.4° -->
|
||||
<path d="M 0 0 L -99.20 -12.62 A 100 100 0 0 1 -84.43 -53.58 Z" fill="#f4c94e"/>
|
||||
<!-- Gas: 302.4 → 338.4° -->
|
||||
<path d="M 0 0 L -84.43 -53.58 A 100 100 0 0 1 -36.81 -92.99 Z" fill="#c85c4a"/>
|
||||
<!-- Sonstige: 338.4 → 360° -->
|
||||
<path d="M 0 0 L -36.81 -92.99 A 100 100 0 0 1 0 -100 Z" fill="#c4a97a"/>
|
||||
|
||||
<!-- Zentrale Beschriftung -->
|
||||
<circle r="42" fill="#fff"/>
|
||||
<text y="-3" font-size="18" font-weight="900" fill="#1f4e5a" text-anchor="middle">84 %</text>
|
||||
<text y="14" font-size="9" font-weight="700" fill="#5a8a5e" text-anchor="middle">erneuerbar</text>
|
||||
|
||||
<!-- Segmentlabels -->
|
||||
<text x="55" y="-45" font-size="11" font-weight="800" fill="#fff" text-anchor="middle">58 %</text>
|
||||
<text x="55" y="-28" font-size="9" fill="#fff" text-anchor="middle">Wasser</text>
|
||||
<text x="-62" y="75" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">11 %</text>
|
||||
<text x="-62" y="88" font-size="8" fill="#fff" text-anchor="middle">Wind</text>
|
||||
</g>
|
||||
|
||||
<!-- Legende rechts neben Kuchen -->
|
||||
<g transform="translate(370,160)" font-size="11">
|
||||
<g><rect x="0" y="0" width="14" height="14" fill="#4a7c8a"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Wasserkraft 58 %</text></g>
|
||||
<g transform="translate(0,22)"><rect width="14" height="14" fill="#5a8a5e"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Windenergie 11 %</text></g>
|
||||
<g transform="translate(0,44)"><rect width="14" height="14" fill="#3a6b3e"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Biomasse 8 %</text></g>
|
||||
<g transform="translate(0,66)"><rect width="14" height="14" fill="#f4c94e"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Photovoltaik 7 %</text></g>
|
||||
<g transform="translate(0,88)"><rect width="14" height="14" fill="#c85c4a"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Erdgas 10 %</text></g>
|
||||
<g transform="translate(0,110)"><rect width="14" height="14" fill="#c4a97a"/><text x="22" y="11" fill="#1f4e5a" font-weight="700">Sonstige 6 %</text></g>
|
||||
</g>
|
||||
|
||||
<!-- ====== RECHTS: Gesamtenergie-Balken (horizontal) ====== -->
|
||||
<g transform="translate(550,130)">
|
||||
<text x="0" y="0" font-size="14" font-weight="800" fill="#1f4e5a">Gesamtenergie 2023</text>
|
||||
<text x="0" y="16" font-size="11" fill="#8a8a8a">(Strom + Wärme + Verkehr)</text>
|
||||
|
||||
<!-- Balken 300 × 60 horizontal stacked, Anteile: Öl 36%, Gas 19%, Kohle 6%, EE 38%, Sonst 1% -->
|
||||
<!-- Gesamtbreite 300 px -->
|
||||
<g transform="translate(0,35)">
|
||||
<rect x="0" y="0" width="108" height="60" fill="#6b4a2e"/>
|
||||
<text x="54" y="28" font-size="12" font-weight="800" fill="#fff" text-anchor="middle">36 %</text>
|
||||
<text x="54" y="44" font-size="10" fill="#fff" text-anchor="middle">Erdöl</text>
|
||||
|
||||
<rect x="108" y="0" width="57" height="60" fill="#c85c4a"/>
|
||||
<text x="136" y="28" font-size="11" font-weight="800" fill="#fff" text-anchor="middle">19 %</text>
|
||||
<text x="136" y="42" font-size="9" fill="#fff" text-anchor="middle">Gas</text>
|
||||
|
||||
<rect x="165" y="0" width="18" height="60" fill="#1a1a1a"/>
|
||||
<text x="174" y="33" font-size="9" font-weight="800" fill="#fff" text-anchor="middle">6%</text>
|
||||
<text x="174" y="45" font-size="8" fill="#fff" text-anchor="middle">Kohle</text>
|
||||
|
||||
<rect x="183" y="0" width="114" height="60" fill="#5a8a5e"/>
|
||||
<text x="240" y="28" font-size="12" font-weight="800" fill="#fff" text-anchor="middle">38 %</text>
|
||||
<text x="240" y="44" font-size="10" fill="#fff" text-anchor="middle">Erneuerbar</text>
|
||||
|
||||
<rect x="297" y="0" width="3" height="60" fill="#c4a97a"/>
|
||||
</g>
|
||||
|
||||
<!-- Fossil-Klammer -->
|
||||
<path d="M 0 105 L 0 112 L 183 112 L 183 105" stroke="#c85c4a" stroke-width="1.5" fill="none"/>
|
||||
<text x="91.5" y="128" font-size="11" font-weight="800" fill="#c85c4a" text-anchor="middle">fossil 61 %</text>
|
||||
<path d="M 183 105 L 183 112 L 297 112 L 297 105" stroke="#5a8a5e" stroke-width="1.5" fill="none"/>
|
||||
<text x="240" y="128" font-size="11" font-weight="800" fill="#5a8a5e" text-anchor="middle">erneuerbar 38 %</text>
|
||||
|
||||
<!-- Mini-Vergleich Verkehr -->
|
||||
<text x="0" y="175" font-size="12" font-weight="800" fill="#1f4e5a">Im Verkehr dominieren Benzin & Diesel:</text>
|
||||
<g transform="translate(0,185)">
|
||||
<rect x="0" y="0" width="280" height="14" fill="#6b4a2e"/>
|
||||
<rect x="280" y="0" width="20" height="14" fill="#5a8a5e"/>
|
||||
<text x="140" y="10" font-size="9" fill="#fff" font-weight="800" text-anchor="middle">über 93 % fossil</text>
|
||||
<text x="295" y="28" font-size="9" fill="#5a8a5e" font-weight="700" text-anchor="end">7 % erneuerbar (Strom + Bio)</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g transform="translate(50,420)">
|
||||
<rect x="0" y="0" width="800" height="50" rx="4" fill="#fff" stroke="#dae8ec"/>
|
||||
<text x="12" y="16" font-size="10" font-weight="800" fill="#1f4e5a">Ziel Österreich:</text>
|
||||
<text x="130" y="16" font-size="10" fill="#4a4a4a">100 % erneuerbarer Strom bis 2030 (EAG) · Klimaneutralität bis 2040.</text>
|
||||
<text x="12" y="32" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
|
||||
<text x="70" y="32" font-size="10" fill="#4a4a4a">E-Control, Betriebsstatistik Strom 2023 · Statistik Austria, Energiebilanz 2023 · BMK, Energiestatus 2024</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.6 KiB |
Reference in New Issue
Block a user