Page History

 fill: #d63384; }
  .hub-block { fill: #0d47a1; }
  .text-label { fill: #ffffff; font-weight: 600; font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; }
  .data-line { stroke: #444; stroke-width: 2; stroke-dasharray: 4,4; }
</style>

<!-- OT Side -->
<g transform="translate(40, 40)">
  <rect width="120" height="60" rx="12" class="block-magenta"/>
  <text x="60" y="36" text-anchor="middle" class="text-label">PLCs / DCS</text>
</g>
<g transform="translate(40, 120)">
  <rect width="120" height="60" rx="12" class="block-magenta"/>
  <text x="60" y="32" text-anchor="middle" class="text-label">RTUs</text>
  <text x="60" y="50" text-anchor="middle" class="text-label">Devices</text>
</g>

<!-- Arrows -->
<defs>
  <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto" fill="#444">
    <polygon points="0 0, 10 3.5, 0 7" />
  </marker>
</defs>

<line x1="160" y1="70" x2="330" y2="95" class="data-line" marker-end="url(#arrowhead)"/>
<line x1="160" y1="150" x2="330" y2="115" class="data-line" marker-end="url(#arrowhead)"/>

<line x1="470" y1="95" x2="640" y2="70" class="data-line" marker-end="url(#arrowhead)"/>
<line x1="470" y1="115" x2="640" y2="150" class="data-line" marker-end="url(#arrowhead)"/>

<!-- Central Hub -->
<g transform="translate(330, 65)">
  <rect width="140" height="80" rx="15" class="hub-block"/>
  <text x="70" y="50" text-anchor="middle" class="text-label">FrameworX UNS</text>
</g>

<!-- IT Side -->
<g transform="translate(640, 40)">
  <rect width="120" height="60" rx="12" class="block-magenta"/>
  <text x="60" y="36" text-anchor="middle" class="text-label">Cloud / Analytics</text>
</g>
<g transform="translate(640, 120)">
  <rect width="120" height="60" rx="12" class="block-magenta"/>
  <text x="60" y="36" text-anchor="middle" class="text-label">DBs / Historians</text>
</g>
</svg>
</div>

fragmented, with

data trapped in legacy equipment, proprietary historians, and disparate databases. Complex middleware and custom coding slow down integration, increase costs, and hinder innovation.

The FrameworX Advantage: Our native communication drivers provide high-throughput, secure, and reliable connections directly within the platform, accelerating your time-to-insight and simplifying your architecture.