Adminator
1e51ef7def
- Konzept/, didaktik_geografie/, didaktik_simulation/, v2-modules/, v2-platform/ - 12 code-workspace-Files - STATUS-*.md - viele M/D/R-Änderungen an bereits getrackten Files - .gitignore verstärkt: **/.humaninput/, **/secret_keys.txt Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
99 lines
5.9 KiB
XML
99 lines
5.9 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 360" role="img" aria-labelledby="title desc">
|
||
<title id="title">Hauswand mit und ohne Dämmung — Wärmeverlust im Vergleich</title>
|
||
<desc id="desc">Querschnitt durch zwei Hauswände im Vergleich. Links eine ungedämmte Ziegelwand mit großen roten Wärmepfeilen, die nach außen entweichen. Rechts dieselbe Wand mit zusätzlicher Dämmschicht, nur ein paar kleine Pfeile entweichen. Innen jeweils ein Heizkörper.</desc>
|
||
|
||
<defs>
|
||
<linearGradient id="dm-bg" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0" stop-color="#f5f1e6"/>
|
||
<stop offset="1" stop-color="#e8e4d8"/>
|
||
</linearGradient>
|
||
<pattern id="brick" x="0" y="0" width="40" height="20" patternUnits="userSpaceOnUse">
|
||
<rect width="40" height="20" fill="#c97c2b"/>
|
||
<line x1="0" y1="10" x2="40" y2="10" stroke="#a86420" stroke-width="1"/>
|
||
<line x1="20" y1="0" x2="20" y2="10" stroke="#a86420" stroke-width="1"/>
|
||
<line x1="0" y1="10" x2="0" y2="20" stroke="#a86420" stroke-width="1"/>
|
||
<line x1="40" y1="10" x2="40" y2="20" stroke="#a86420" stroke-width="1"/>
|
||
</pattern>
|
||
<pattern id="insulation" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
|
||
<rect width="20" height="20" fill="#e8c547"/>
|
||
<circle cx="5" cy="5" r="2" fill="#c4a335"/>
|
||
<circle cx="15" cy="15" r="2" fill="#c4a335"/>
|
||
<circle cx="15" cy="5" r="2" fill="#c4a335"/>
|
||
<circle cx="5" cy="15" r="2" fill="#c4a335"/>
|
||
</pattern>
|
||
</defs>
|
||
|
||
<rect width="800" height="360" fill="url(#dm-bg)"/>
|
||
<line x1="400" y1="40" x2="400" y2="320" stroke="#1f4b37" stroke-dasharray="4 6" stroke-width="1.2" opacity=".4"/>
|
||
|
||
<text x="200" y="32" text-anchor="middle" font-family="Inter, system-ui" font-weight="800" font-size="17" fill="#c0392b">Ohne Dämmung — viel Wärme verloren</text>
|
||
<text x="600" y="32" text-anchor="middle" font-family="Inter, system-ui" font-weight="800" font-size="17" fill="#4a7c4e">Mit Dämmung — wenig Wärme verloren</text>
|
||
|
||
<!-- LINKS: Innen + Wand -->
|
||
<rect x="40" y="60" width="170" height="240" fill="#faf6e8"/>
|
||
<text x="125" y="80" text-anchor="middle" font-family="Inter, system-ui" font-size="11" fill="#7a7567">innen 21 °C</text>
|
||
<rect x="210" y="60" width="55" height="240" fill="url(#brick)"/>
|
||
<rect x="265" y="60" width="105" height="240" fill="#cfd5d0" opacity=".5"/>
|
||
<text x="320" y="80" text-anchor="middle" font-family="Inter, system-ui" font-size="11" fill="#7a7567">außen −5 °C</text>
|
||
|
||
<!-- Heizkörper links -->
|
||
<g>
|
||
<rect x="60" y="200" width="60" height="50" fill="#c0392b"/>
|
||
<line x1="65" y1="200" x2="65" y2="250" stroke="#7a1f15" stroke-width="2"/>
|
||
<line x1="75" y1="200" x2="75" y2="250" stroke="#7a1f15" stroke-width="2"/>
|
||
<line x1="85" y1="200" x2="85" y2="250" stroke="#7a1f15" stroke-width="2"/>
|
||
<line x1="95" y1="200" x2="95" y2="250" stroke="#7a1f15" stroke-width="2"/>
|
||
<line x1="105" y1="200" x2="105" y2="250" stroke="#7a1f15" stroke-width="2"/>
|
||
<line x1="115" y1="200" x2="115" y2="250" stroke="#7a1f15" stroke-width="2"/>
|
||
</g>
|
||
|
||
<!-- Wärmepfeile links: groß und viele -->
|
||
<g stroke="#c0392b" stroke-width="3" fill="none">
|
||
<line x1="220" y1="100" x2="365" y2="100" stroke-linecap="round"/>
|
||
<polyline points="355,93 370,100 355,107"/>
|
||
<line x1="220" y1="140" x2="365" y2="140" stroke-linecap="round"/>
|
||
<polyline points="355,133 370,140 355,147"/>
|
||
<line x1="220" y1="180" x2="365" y2="180" stroke-linecap="round"/>
|
||
<polyline points="355,173 370,180 355,187"/>
|
||
<line x1="220" y1="220" x2="365" y2="220" stroke-linecap="round"/>
|
||
<polyline points="355,213 370,220 355,227"/>
|
||
<line x1="220" y1="260" x2="365" y2="260" stroke-linecap="round"/>
|
||
<polyline points="355,253 370,260 355,267"/>
|
||
</g>
|
||
|
||
<text x="200" y="318" text-anchor="middle" font-family="Inter, system-ui" font-weight="700" font-size="13" fill="#c0392b">~70 % der Heizwärme entweicht</text>
|
||
|
||
<!-- RECHTS: Innen + Dämmung + Wand -->
|
||
<rect x="430" y="60" width="120" height="240" fill="#faf6e8"/>
|
||
<text x="490" y="80" text-anchor="middle" font-family="Inter, system-ui" font-size="11" fill="#7a7567">innen 21 °C</text>
|
||
<rect x="550" y="60" width="35" height="240" fill="url(#brick)"/>
|
||
<rect x="585" y="60" width="50" height="240" fill="url(#insulation)"/>
|
||
<rect x="635" y="60" width="125" height="240" fill="#cfd5d0" opacity=".5"/>
|
||
<text x="700" y="80" text-anchor="middle" font-family="Inter, system-ui" font-size="11" fill="#7a7567">außen −5 °C</text>
|
||
<text x="610" y="50" text-anchor="middle" font-family="Inter, system-ui" font-size="10" fill="#1f4b37" font-weight="700">Dämmung</text>
|
||
|
||
<!-- Heizkörper rechts -->
|
||
<g>
|
||
<rect x="450" y="200" width="60" height="50" fill="#4a7c4e"/>
|
||
<line x1="455" y1="200" x2="455" y2="250" stroke="#1f4b37" stroke-width="2"/>
|
||
<line x1="465" y1="200" x2="465" y2="250" stroke="#1f4b37" stroke-width="2"/>
|
||
<line x1="475" y1="200" x2="475" y2="250" stroke="#1f4b37" stroke-width="2"/>
|
||
<line x1="485" y1="200" x2="485" y2="250" stroke="#1f4b37" stroke-width="2"/>
|
||
<line x1="495" y1="200" x2="495" y2="250" stroke="#1f4b37" stroke-width="2"/>
|
||
<line x1="505" y1="200" x2="505" y2="250" stroke="#1f4b37" stroke-width="2"/>
|
||
</g>
|
||
|
||
<!-- Wärmepfeile rechts: klein und wenige -->
|
||
<g stroke="#4a7c4e" stroke-width="2" fill="none">
|
||
<line x1="640" y1="150" x2="700" y2="150" stroke-linecap="round"/>
|
||
<polyline points="694,145 704,150 694,155"/>
|
||
<line x1="640" y1="220" x2="700" y2="220" stroke-linecap="round"/>
|
||
<polyline points="694,215 704,220 694,225"/>
|
||
</g>
|
||
|
||
<text x="600" y="318" text-anchor="middle" font-family="Inter, system-ui" font-weight="700" font-size="13" fill="#4a7c4e">nur ~25 % entweicht</text>
|
||
|
||
<text x="400" y="345" text-anchor="middle" font-family="Inter, system-ui" font-size="11" fill="#7a7567" font-style="italic">Gute Dämmung halbiert oder drittelt den Heizenergiebedarf — und damit auch CO₂ und Kosten.</text>
|
||
</svg>
|