<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">GPU OBSERVE 首屏关系</text>
<text x="70" y="122" font-family="Arial,'Microsoft YaHei',sans-serif" font-size="20" fill="#475569">dashboard visual grammar</text>
<rect x="120" y="190" width="200" height="170" rx="22" fill="#ecfeff" stroke="rgb(34,211,238)" stroke-width="3"/><text x="220" y="235" text-anchor="middle" font-size="22" font-weight="700">利用率</text><path d="M160 310 A60 60 0 0 1 280 310" fill="none" stroke="rgb(34,211,238)" stroke-width="10"/><rect x="380" y="190" width="200" height="170" rx="22" fill="#ecfeff" stroke="rgb(34,211,238)" stroke-width="3"/><text x="480" y="235" text-anchor="middle" font-size="22" font-weight="700">显存</text><path d="M420 310 A60 60 0 0 1 540 310" fill="none" stroke="rgb(34,211,238)" stroke-width="10"/><rect x="640" y="190" width="200" height="170" rx="22" fill="#ecfeff" stroke="rgb(34,211,238)" stroke-width="3"/><text x="740" y="235" text-anchor="middle" font-size="22" font-weight="700">排队</text><path d="M680 310 A60 60 0 0 1 800 310" fill="none" stroke="rgb(34,211,238)" stroke-width="10"/><rect x="900" y="190" width="200" height="170" rx="22" fill="#ecfeff" stroke="rgb(34,211,238)" stroke-width="3"/><text x="1000" y="235" text-anchor="middle" font-size="22" font-weight="700">错误</text><path d="M940 310 A60 60 0 0 1 1060 310" fill="none" stroke="rgb(34,211,238)" stroke-width="10"/>
<rect x="70" y="560" width="1060" height="2" fill="rgb(34,211,238)" opacity="0.5"/>
</svg>
