Page History

<div style="margin:0;padding:0;line-height:0;overflow:visible;">
  <svg xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 800 220"
       preserveAspectRatio="xMidYMin meet"
       width="800" height="220"
       style="display:block;margin:0 auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;">
    <!-- same shapes but adjusted to smaller coordinates -->
    <!-- Top row boxes -->
    <rect x="10"  y="10" width="190" height="50" rx="6" ry="6" fill="#f9f9f9" stroke="#333"/>
    <text x="105" y="40" text-anchor="middle" font-size="11">Temperature / Atmosphere Sensors</text>

    <rect x="220" y="10" width="170" height="50" rx="6" ry="6" fill="#f9f9f9" stroke="#333"/>
    <text x="305" y="40" text-anchor="middle" font-size="11">PLCs / Controllers</text>

    <rect x="410" y="10" width="150" height="50" rx="6" ry="6" fill="#f9f9f9" stroke="#333"/>
    <text x="485" y="40" text-anchor="middle" font-size="11">HMI Software</text>

    <rect x="570" y="10" width="170" height="50" rx="6" ry="6" fill="#f9f9f9" stroke="#333"/>
    <text x="655" y="40" text-anchor="middle" font-size="11">Database System</text>

    <!-- arrows -->
    <line x1="200" y1="35" x2="220" y2="35" stroke="#333" marker-end="url(#arrow)"/>
    <line x1="390" y1="35" x2="410" y2="35" stroke="#333" marker-end="url(#arrow)"/>
    <line x1="560" y1="35" x2="570" y2="35" stroke="#333" marker-end="url(#arrow)"/>

    <!-- vertical branch -->
    <line x1="305" y1="60" x2="305" y2="96" stroke="#333" marker-end="url(#arrow)"/>
    <rect x="250" y="96" width="110" height="36" rx="6" ry="6" fill="#f9f9f9" stroke="#333"/>
    <text x="305" y="120" text-anchor="middle" font-size="11">Barcode Scanners</text>

    <line x1="305" y1="132" x2="305" y2="168" stroke="#333" marker-end="url(#arrow)"/>
    <rect x="250" y="168" width="110" height="36" rx="6" ry="6" fill="#f9f9f9" stroke="#333"/>
    <text x="305" y="192" text-anchor="middle" font-size="11">Operator Interface</text>
  </svg>
</div>