Medium:Wasseranalogie.html: Difference between revisions

Latest revision as of 19:24, 15 June 2026

 @keyframes flow { 0%{stroke-dashoffset:60} 100%{stroke-dashoffset:0} }
 @keyframes flow-rev { 0%{stroke-dashoffset:0} 100%{stroke-dashoffset:60} }
 @keyframes glow { 0%,100%{opacity:.6} 50%{opacity:1} }
 .fw  { stroke-dasharray:9 5; animation: flow 1.4s linear infinite; }
 .fwr { stroke-dasharray:9 5; animation: flow-rev 1.4s linear infinite; }
 .bulb-glow { animation: glow 2s ease-in-out infinite; }

</style>

 <title>Korrigiertes Wassermodell der Elektrizität</title>
 <desc>Pumpe und Reservoir links = Batterie; oberes dünnes Rohr = Widerstand; Wasserrad rechts = Verbraucher</desc>
 <defs>
   <marker id="arr" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse">
     <path d="M2 1L8 5L2 9" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linecap="round"/>
   </marker>
 </defs>

 <rect x="30" y="60" width="190" height="300" rx="14" fill="rgba(59,139,212,.07)" stroke="#185FA5" stroke-width="1" stroke-dasharray="5 3"/>
 <text x="125" y="82" text-anchor="middle" font-size="11" font-weight="500" fill="#185FA5" font-family="var(--font-sans)">= Batterie / Spannungsquelle</text>

 <rect x="48" y="96" width="72" height="150" rx="8" fill="rgba(59,139,212,.1)" stroke="#185FA5" stroke-width="1.2"/>
 <rect x="51" y="156" width="66" height="87" rx="5" fill="rgba(59,139,212,.38)"/>
 <text x="84" y="260" text-anchor="middle" font-size="10" fill="#185FA5" font-family="var(--font-sans)" font-weight="500">Reservoir</text>
 <text x="84" y="272" text-anchor="middle" font-size="9"  fill="#185FA5" font-family="var(--font-sans)" opacity=".8">(gespeicherte Ladung)</text>

 <rect x="148" y="130" width="60" height="90" rx="10" fill="rgba(59,139,212,.13)" stroke="#185FA5" stroke-width="1.2"/>
 <ellipse cx="178" cy="175" rx="22" ry="22" fill="rgba(59,139,212,.25)" stroke="#185FA5" stroke-width="1.2"/>
 <text x="178" y="179" text-anchor="middle" font-size="20" fill="#185FA5" font-family="var(--font-sans)">⟳</text>
 <text x="178" y="232" text-anchor="middle" font-size="10" fill="#185FA5" font-family="var(--font-sans)" font-weight="500">Pumpe</text>
 <text x="178" y="244" text-anchor="middle" font-size="9"  fill="#185FA5" font-family="var(--font-sans)" opacity=".8">(erzeugt Druck)</text>

 <line x1="120" y1="200" x2="148" y2="200" stroke="#185FA5" stroke-width="6" stroke-linecap="round"/>
 <line class="fw" x1="120" y1="200" x2="148" y2="200" stroke="rgba(255,255,255,.65)" stroke-width="3"/>

 <line x1="178" y1="130" x2="178" y2="80"  stroke="#185FA5" stroke-width="8"  stroke-linecap="round"/>
 <line x1="178" y1="80"  x2="330" y2="80"  stroke="#185FA5" stroke-width="8"  stroke-linecap="round"/>
 <line class="fw" x1="178" y1="130" x2="178" y2="80" stroke="rgba(255,255,255,.6)" stroke-width="4"/>
 <line class="fw" x1="178" y1="80"  x2="330" y2="80" stroke="rgba(255,255,255,.6)" stroke-width="4"/>

 <polygon points="330,76 354,84 354,96 330,84" fill="#3B6D11" opacity=".8"/>
 <rect x="354" y="84" width="110" height="12" rx="3" fill="rgba(99,153,34,.25)" stroke="#3B6D11" stroke-width="1.2"/>
 <line class="fw" x1="354" y1="90" x2="464" y2="90" stroke="rgba(255,255,255,.55)" stroke-width="2" stroke-dasharray="6 4"/>
 <polygon points="464,84 488,76 488,84 464,96" fill="#3B6D11" opacity=".8"/>

 <rect x="354" y="104" width="110" height="30" rx="6" fill="rgba(99,153,34,.12)" stroke="#3B6D11" stroke-width=".8"/>
 <text x="409" y="117" text-anchor="middle" font-size="10" font-weight="500" fill="#3B6D11" font-family="var(--font-sans)">engeres Rohr</text>
 <text x="409" y="129" text-anchor="middle" font-size="9" fill="#3B6D11" font-family="var(--font-sans)" opacity=".85">= Widerstand (Ω)</text>

 <line x1="488" y1="80" x2="580" y2="80"  stroke="#185FA5" stroke-width="8"  stroke-linecap="round"/>
 <line x1="580" y1="80" x2="580" y2="145" stroke="#185FA5" stroke-width="8"  stroke-linecap="round"/>
 <line class="fw" x1="488" y1="80"  x2="580" y2="80"  stroke="rgba(255,255,255,.6)" stroke-width="4"/>
 <line class="fw" x1="580" y1="80"  x2="580" y2="145" stroke="rgba(255,255,255,.6)" stroke-width="4"/>

 <rect x="540" y="145" width="80" height="100" rx="10" fill="rgba(250,199,117,.15)" stroke="#BA7517" stroke-width="1.2"/>
 <circle cx="580" cy="195" r="30" fill="none" stroke="#BA7517" stroke-width="1.5"/>
 <line x1="580" y1="165" x2="580" y2="225" stroke="#BA7517" stroke-width="2"/>
 <line x1="550" y1="195" x2="610" y2="195" stroke="#BA7517" stroke-width="2"/>
 <line x1="559" y1="174" x2="601" y2="216" stroke="#BA7517" stroke-width="1.5"/>
 <line x1="601" y1="174" x2="559" y2="216" stroke="#BA7517" stroke-width="1.5"/>
 <circle cx="580" cy="195" r="6" fill="rgba(250,199,117,.5)" stroke="#BA7517" stroke-width="1.2"/>
 <text x="580" y="256" text-anchor="middle" font-size="10" font-weight="500" fill="#BA7517" font-family="var(--font-sans)">Wasserrad</text>
 <text x="580" y="268" text-anchor="middle" font-size="9"  fill="#BA7517" font-family="var(--font-sans)" opacity=".8">= Verbraucher / Lampe</text>

 <line x1="580" y1="245" x2="580" y2="330" stroke="#185FA5" stroke-width="8"  stroke-linecap="round"/>
 <line x1="580" y1="330" x2="84"  y2="330" stroke="#185FA5" stroke-width="8"  stroke-linecap="round"/>
 <line x1="84"  y1="330" x2="84"  y2="246" stroke="#185FA5" stroke-width="8"  stroke-linecap="round"/>
 <line class="fwr" x1="580" y1="245" x2="580" y2="330" stroke="rgba(255,255,255,.6)" stroke-width="4"/>
 <line class="fwr" x1="580" y1="330" x2="84"  y2="330" stroke="rgba(255,255,255,.6)" stroke-width="4"/>
 <line class="fwr" x1="84"  y1="330" x2="84"  y2="246" stroke="rgba(255,255,255,.6)" stroke-width="4"/>

 <text x="270" y="70" text-anchor="middle" font-size="10" fill="var(--color-text-secondary)" font-family="var(--font-sans)">viel Durchfluss</text>
 <text x="409" y="75" text-anchor="middle" font-size="10" fill="#3B6D11" font-family="var(--font-sans)">wenig Durchfluss</text>
 <text x="530" y="70" text-anchor="middle" font-size="10" fill="var(--color-text-secondary)" font-family="var(--font-sans)">viel Durchfluss</text>

 <text x="340" y="350" text-anchor="middle" font-size="10" fill="var(--color-text-secondary)" font-family="var(--font-sans)">Rücklauf (niedriger Druck)</text>

 <rect x="30" y="372" width="620" height="38" rx="8" fill="var(--color-background-secondary)" stroke="var(--color-border-tertiary)" stroke-width=".5"/>
 <text x="125" y="387" text-anchor="middle" font-size="10" font-weight="500" fill="#185FA5" font-family="var(--font-sans)">💧 Pumpe + Reservoir</text>
 <text x="125" y="400" text-anchor="middle" font-size="9"  fill="var(--color-text-secondary)" font-family="var(--font-sans)">= Spannung (V)</text>
 <line x1="220" y1="378" x2="220" y2="404" stroke="var(--color-border-tertiary)" stroke-width=".5"/>
 <text x="340" y="387" text-anchor="middle" font-size="10" font-weight="500" fill="#3B6D11" font-family="var(--font-sans)">🔩 Engeres Rohr</text>
 <text x="340" y="400" text-anchor="middle" font-size="9"  fill="var(--color-text-secondary)" font-family="var(--font-sans)">= Widerstand (Ω)</text>
 <line x1="450" y1="378" x2="450" y2="404" stroke="var(--color-border-tertiary)" stroke-width=".5"/>
 <text x="555" y="387" text-anchor="middle" font-size="10" font-weight="500" fill="#BA7517" font-family="var(--font-sans)">🌊 Durchflussmenge</text>
 <text x="555" y="400" text-anchor="middle" font-size="9"  fill="var(--color-text-secondary)" font-family="var(--font-sans)">= Stromstärke (A)</text>

</svg> </html>

@@ Line 1: / Line 1: @@
+<html>
 <style>
    @keyframes flow { 0%{stroke-dashoffset:60} 100%{stroke-dashoffset:0} }
@@ Line 120: / Line 121: @@
    <text x="555" y="400" text-anchor="middle" font-size="9"  fill="var(--color-text-secondary)" font-family="var(--font-sans)">= Stromstärke (A)</text>
 </svg>
+</html>

Medium:Wasseranalogie.html: Difference between revisions

Latest revision as of 19:24, 15 June 2026

Korrigiertes Wassermodell: Pumpe und Reservoir bilden gemeinsam die Batterie; engeres Rohr = Widerstand

Navigation menu

Search