Skip to content
Raw SVG templates

Darcy's Law — Groundwater Flow

Pressure-driven flow through a porous medium with hydraulic gradient.

Template previewRaw SVG
Rendering…

Make it your own.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 280" width="520" height="280">
  <style>
    text { font:12px Inter, sans-serif; fill:#0f172a; }
    .lab { font-weight:600; }
  </style>
  <!-- Tank left -->
  <rect x="40"  y="40"  width="80" height="200" fill="#bae6fd" stroke="#0f172a"/>
  <text class="lab" x="50" y="34">h₁</text>
  <!-- Porous medium -->
  <rect x="120" y="120" width="280" height="100" fill="#fef3c7" stroke="#0f172a"/>
  <text class="lab" x="200" y="180">porous medium · K, L</text>
  <!-- Tank right -->
  <rect x="400" y="100" width="80" height="140" fill="#bae6fd" stroke="#0f172a"/>
  <text class="lab" x="410" y="94">h₂</text>
  <!-- Flow arrow -->
  <line x1="160" y1="170" x2="380" y2="170" stroke="#dc2626" stroke-width="2"/>
  <polygon points="370,164 384,170 370,176" fill="#dc2626"/>
  <text class="lab" x="240" y="160" fill="#dc2626">q (flow per area)</text>
  <!-- Equations -->
  <text class="lab" x="40" y="270">q = −K · dh/dL    ·    Q = q · A    ·    K = hydraulic conductivity</text>
</svg>