Page History

<div style="margin:0;padding:0;line-height:0;overflow:visible;">
  <svg xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 1000 280 800 220"
       preserveAspectRatio="xMidYMin meet"
       width="100%800" height="220"
       style="display:block;margin:0;padding:0;vertical-align:top auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px12px;">
    <defs>
      <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="10" markerHeight="10" orient="auto">
        <path d="M0 0 L10 5 L0 10 Z" fill="#333"/>
      </marker>
    </defs>

    <<!-- same shapes but adjusted to smaller coordinates -->
    <!-- Top row boxes -->
    <rect x="2010"  y="2010" width="250190" height="6050" rx="86" ry="86" fill="#f9f9f9" stroke="#333"/>
    <text x="145105" y="5640" text-anchor="middle" font-size="11">Temperature / Atmosphere Sensors</text>

    <rect x="300220" y="2010" width="220170" height="6050" rx="86" ry="86" fill="#f9f9f9" stroke="#333"/>
    <text x="410305" y="5640" text-anchor="middle" font-size="11">PLCs / Controllers</text>

    <rect x="550410" y="2010" width="200150" height="6050" rx="86" ry="86" fill="#f9f9f9" stroke="#333"/>
    <text x="650485" y="5640" text-anchor="middle" font-size="11">HMI Software</text>

    <rect x="780570" y="2010" width="200170" height="6050" rx="86" ry="86" fill="#f9f9f9" stroke="#333"/>
    <text x="880655" y="5640" text-anchor="middle" font-size="11">Database System</text>

    <!-- Horizontal arrows -->
    <line x1="270200" y1="5035" x2="300220" y2="5035" stroke="#333" marker-end="url(#arrow)"/>
    <line x1="520390" y1="5035" x2="550410" y2="5035" stroke="#333" marker-end="url(#arrow)"/>
    <line x1="750560" y1="5035" x2="780570" y2="5035" stroke="#333" marker-end="url(#arrow)"/>

    <!-- Verticalvertical branch from PLCs/Controllers -->
    <line x1="410305" y1="8060" x2="410305" y2="11096" stroke="#333" marker-end="url(#arrow)"/>

    <rect x="330250" y="11096" width="160110" height="4636" rx="86" ry="86" fill="#f9f9f9" stroke="#333"/>
    <text x="410305" y="138120" text-anchor="middle" font-size="11">Barcode Scanners</text>

    <line x1="410305" y1="156132" x2="410305" y2="187168" stroke="#333" marker-end="url(#arrow)"/>

    <rect x="330250" y="187168" width="160110" height="4636" rx="86" ry="86" fill="#f9f9f9" stroke="#333"/>
    <text x="410305" y="215192" text-anchor="middle">Operator Interface</text>

    <line x1="410" y1="233" x2="410" y2="264" stroke="#333" marker-end="url(#arrow)"/>

    <rect x="300" y="264" width="220" height="46" rx="8" ry="8" fill="#f9f9f9" stroke="#333"/>
    <text x="410" y="292" text-anchor="middle">Traceability Reports< font-size="11">Operator Interface</text>
  </svg>
</div>