<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 320" role="img" aria-labelledby="title desc">
<title id="title">Helm values to Kubernetes resources</title>
<desc id="desc">A values file and the generic Helm chart render into a Deployment, Pods, and a Service that users reach.</desc>
<rect width="960" height="320" rx="24" fill="#faf8ff"/>
<defs>
  <marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
    <path d="M0 0L10 5L0 10z" fill="#7c3aed"/>
  </marker>
</defs>
<g font-family="system-ui,sans-serif" fill="#172554">
  <rect x="40" y="100" width="160" height="100" rx="18" fill="#fff" stroke="#7c3aed" stroke-width="4"/>
  <text x="120" y="145" text-anchor="middle" font-size="20" font-weight="700">values.yaml</text>
  <text x="120" y="170" text-anchor="middle" font-size="13">your choices</text>
  <rect x="240" y="100" width="160" height="100" rx="18" fill="#fff" stroke="#7c3aed" stroke-width="4"/>
  <text x="320" y="145" text-anchor="middle" font-size="20" font-weight="700">Helm chart</text>
  <text x="320" y="170" text-anchor="middle" font-size="13">generic 4.8.0</text>
  <rect x="440" y="40" width="170" height="80" rx="16" fill="#fff" stroke="#087f5b" stroke-width="3"/>
  <text x="525" y="85" text-anchor="middle" font-size="18" font-weight="700">Deployment</text>
  <rect x="440" y="140" width="170" height="80" rx="16" fill="#fff" stroke="#087f5b" stroke-width="3"/>
  <text x="525" y="185" text-anchor="middle" font-size="18" font-weight="700">Pod replicas</text>
  <rect x="440" y="240" width="170" height="60" rx="16" fill="#fff" stroke="#087f5b" stroke-width="3"/>
  <text x="525" y="275" text-anchor="middle" font-size="18" font-weight="700">Service</text>
  <rect x="700" y="120" width="200" height="100" rx="18" fill="#fff" stroke="#db2777" stroke-width="4"/>
  <text x="800" y="165" text-anchor="middle" font-size="20" font-weight="700">User / curl</text>
  <text x="800" y="190" text-anchor="middle" font-size="13">stable address</text>
  <line x1="200" y1="150" x2="235" y2="150" stroke="#7c3aed" stroke-width="4" marker-end="url(#arrow)"/>
  <line x1="400" y1="150" x2="435" y2="80" stroke="#7c3aed" stroke-width="3" marker-end="url(#arrow)"/>
  <line x1="400" y1="150" x2="435" y2="180" stroke="#7c3aed" stroke-width="3" marker-end="url(#arrow)"/>
  <line x1="400" y1="150" x2="435" y2="270" stroke="#7c3aed" stroke-width="3" marker-end="url(#arrow)"/>
  <line x1="610" y1="270" x2="695" y2="180" stroke="#7c3aed" stroke-width="3" marker-end="url(#arrow)"/>
</g>
</svg>
