<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
<rect width="1200" height="630" fill="#f8fafc"/>
<text x="70" y="82" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="32" font-weight="700" fill="#0f172a">DATA PIPELINE 首屏关系</text>
<text x="70" y="122" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="20" fill="#475569">pipeline visual grammar</text>
<path d="M120 330 C260 210 360 450 500 330 S760 210 900 330 S1030 450 1100 330" fill="none" stroke="rgb(45,212,191)" stroke-width="8"/><rect x="105" y="250" width="130" height="70" rx="18" fill="#ffffff" stroke="rgb(45,212,191)" stroke-width="2.5"/><text x="170" y="292" text-anchor="middle" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="20" font-weight="700" fill="#0f172a">样本</text><rect x="310" y="355" width="130" height="70" rx="18" fill="#ffffff" stroke="rgb(45,212,191)" stroke-width="2.5"/><text x="375" y="397" text-anchor="middle" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="20" font-weight="700" fill="#0f172a">清洗</text><rect x="515" y="250" width="130" height="70" rx="18" fill="#ffffff" stroke="rgb(45,212,191)" stroke-width="2.5"/><text x="580" y="292" text-anchor="middle" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="20" font-weight="700" fill="#0f172a">特征</text><rect x="720" y="355" width="130" height="70" rx="18" fill="#ffffff" stroke="rgb(45,212,191)" stroke-width="2.5"/><text x="785" y="397" text-anchor="middle" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="20" font-weight="700" fill="#0f172a">训练</text><rect x="925" y="250" width="130" height="70" rx="18" fill="#ffffff" stroke="rgb(45,212,191)" stroke-width="2.5"/><text x="990" y="292" text-anchor="middle" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="20" font-weight="700" fill="#0f172a">推理</text>
<rect x="70" y="560" width="1060" height="2" fill="rgb(45,212,191)" opacity="0.5"/>
</svg>
