<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <rect width="400" height="400" fill="#f3f4f6"/>

  <!-- Warehouse/boxes -->
  <g transform="translate(70, 60)">
    <rect x="0" y="40" width="60" height="60" fill="#3b82f6" stroke="#1e40af" stroke-width="2"/>
    <rect x="70" y="40" width="60" height="60" fill="#3b82f6" stroke="#1e40af" stroke-width="2"/>
    <rect x="140" y="40" width="60" height="60" fill="#3b82f6" stroke="#1e40af" stroke-width="2"/>
    <rect x="210" y="40" width="60" height="60" fill="#3b82f6" stroke="#1e40af" stroke-width="2"/>

    <rect x="35" y="0" width="60" height="60" fill="#10b981" stroke="#059669" stroke-width="2"/>
    <rect x="105" y="0" width="60" height="60" fill="#10b981" stroke="#059669" stroke-width="2"/>
    <rect x="175" y="0" width="60" height="60" fill="#10b981" stroke="#059669" stroke-width="2"/>
  </g>

  <!-- Rotation arrow -->
  <g transform="translate(200, 180)">
    <path d="M 0 0 A 40 40 0 1 1 0 -0.1" fill="none" stroke="#f59e0b" stroke-width="4" marker-end="url(#arrow3)"/>
    <text x="0" y="5" text-anchor="middle" font-family="system-ui" font-size="14" fill="#f59e0b" font-weight="600">5.2x</text>
  </g>
  <defs>
    <marker id="arrow3" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto">
      <polygon points="0 0, 10 3, 0 6" fill="#f59e0b"/>
    </marker>
  </defs>

  <!-- Metrics -->
  <g transform="translate(60, 250)">
    <rect x="0" y="0" width="280" height="100" rx="10" fill="white" stroke="#d1d5db" stroke-width="2"/>

    <g transform="translate(20, 25)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">COGS</text>
      <text x="0" y="22" font-family="system-ui" font-size="18" fill="#3b82f6" font-weight="bold">$500K</text>
    </g>

    <g transform="translate(150, 25)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Avg Inventory</text>
      <text x="0" y="22" font-family="system-ui" font-size="18" fill="#10b981" font-weight="bold">$95K</text>
    </g>

    <g transform="translate(20, 65)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Turnover Ratio</text>
      <text x="0" y="22" font-family="system-ui" font-size="18" fill="#f59e0b" font-weight="bold">5.26x</text>
    </g>

    <g transform="translate(150, 65)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Days to Sell</text>
      <text x="0" y="22" font-family="system-ui" font-size="18" fill="#6b7280" font-weight="bold">69 days</text>
    </g>
  </g>

  <text x="200" y="385" text-anchor="middle" font-family="system-ui" font-size="16" font-weight="600" fill="#1f2937">Inventory Turnover Calculator</text>
</svg>
