Page History

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 500" width="100%" height="auto" role="img" aria-label="Operational Areas to Energy Center to Clients">
  <defs>
    <style>
      text{font-family: ui-sans-serif, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-size:16px; fill:#111}
      .sub{fill:#333; font-size:15px}
      .box{fill:#f9f9f9; stroke:#333; rx:10; ry:10}
      .outer{fill:#fff; stroke:#ccc; rx:16; ry:16}
      .dashed{stroke-dasharray:6 4}
      .cap{font-weight:600}
    </style>
    <marker id="arrow" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto" markerUnits="strokeWidth">
      <polygon points="0 0, 10 3.5, 0 7" fill="#333"></polygon>
    </marker>
  </defs>

  <!-- background -->
  <rect class="outer" x="0" y="0" width="1200" height="500"></rect>

  <!-- Left block -->
  <rect class="box" x="40" y="60" width="480" height="280"></rect>
  <text x="52" y="84" class="cap">[Operational Areas (15+)]</text>
  <text x="60" y="112" class="sub">• FrameworX Site (local)</text>
  <text x="60" y="136" class="sub">• Drivers: Altus / GE / Siemens / Rockwell / OPC DA</text>
  <text x="60" y="160" class="sub">• History & Alarms (standardized)</text>
  <text x="60" y="184" class="sub">• Per-area synoptic / Local operations</text>
  <text x="60" y="208" class="sub">• Store & Forward / Scripts</text>
  <text x="60" y="232" class="sub">• TCP/IP & Serial</text>

  <!-- Right outer dashed block -->
  <rect class="box dashed" x="680" y="60" width="480" height="280"></rect>
  <text x="692" y="84" class="cap">[Energy Center]</text>

  <!-- Right inner block -->
  <rect class="box" x="700" y="90" width="440" height="220"></rect>
  <text x="712" y="114" class="cap">FrameworX Enterprise (Central)</text>
  <text x="720" y="142" class="sub">• Area Consolidation</text>
  <text x="720" y="166" class="sub">• Corporate Hist/Alarms</text>
  <text x="720" y="190" class="sub">• Integrations (OPC/DB/APIs)</text>
  <text x="720" y="214" class="sub">• Redundancy (HA)</text>

  <!-- Arrow -->
  <line x1="520" y1="200" x2="700" y2="200" stroke="#333" marker-end="url(#arrow)"></line>

  <!-- Clients -->
  <text x="600" y="420" text-anchor="middle" class="cap">Clients (SC/Web/Mobile)</text>
</svg>