<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 280" role="img" aria-labelledby="title desc">
<title id="title">Container build and run flow</title>
<desc id="desc">Source files become a Docker image with docker build, then a running container with docker run that answers HTTP on a published port.</desc>
<rect width="960" height="280" rx="24" fill="#f4f9fd"/>
<defs>
  <marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
    <path d="M0 0L10 5L0 10z" fill="#3976a8"/>
  </marker>
</defs>
<g font-family="system-ui,sans-serif" fill="#15304a">
  <rect x="40" y="80" width="180" height="120" rx="18" fill="#fff" stroke="#3976a8" stroke-width="4"/>
  <text x="130" y="130" text-anchor="middle" font-size="22" font-weight="700">Source</text>
  <text x="130" y="160" text-anchor="middle" font-size="14">Dockerfile + files</text>
  <rect x="300" y="80" width="180" height="120" rx="18" fill="#fff" stroke="#087f5b" stroke-width="4"/>
  <text x="390" y="130" text-anchor="middle" font-size="22" font-weight="700">Image</text>
  <text x="390" y="160" text-anchor="middle" font-size="14">immutable package</text>
  <rect x="560" y="80" width="180" height="120" rx="18" fill="#fff" stroke="#7c3aed" stroke-width="4"/>
  <text x="650" y="130" text-anchor="middle" font-size="22" font-weight="700">Container</text>
  <text x="650" y="160" text-anchor="middle" font-size="14">running process</text>
  <rect x="780" y="95" width="140" height="90" rx="18" fill="#fff" stroke="#db2777" stroke-width="4"/>
  <text x="850" y="140" text-anchor="middle" font-size="20" font-weight="700">Browser</text>
  <text x="850" y="165" text-anchor="middle" font-size="13">HTTP :8080</text>
  <line x1="220" y1="140" x2="295" y2="140" stroke="#3976a8" stroke-width="4" marker-end="url(#arrow)"/>
  <line x1="480" y1="140" x2="555" y2="140" stroke="#3976a8" stroke-width="4" marker-end="url(#arrow)"/>
  <line x1="740" y1="140" x2="775" y2="140" stroke="#3976a8" stroke-width="4" marker-end="url(#arrow)"/>
  <text x="257" y="125" text-anchor="middle" font-size="12" fill="#3976a8">build</text>
  <text x="517" y="125" text-anchor="middle" font-size="12" fill="#3976a8">run</text>
</g>
</svg>
