Skip to main content

Integration Architecture

Last updated 27/07/2026

Overview​

The following diagram provides a high-level overview of how the

DimensionIQWidget
integrates with an existing application.

DimensionIQ is delivered as a hosted iframe that runs independently from the host application. The host embeds the widget using either

DIQWidgetHost
(React) or
DIQWidgetBridge
 (other frameworks), providing the URL of the hosted DimensionIQ iframe.

Although the widget is hosted on the DimensionIQ platform, all integration occurs within the user's browser using the Browser Messaging API,

window.postMessage
. No direct communication ever occurs between the
DimensionIQWidget
and the host application's backend.

The host application is responsible for implementing the integration callbacks that provide projects, drawings, measurements, layouts, variables, and other application data. It also owns all business logic, authentication, permissions, and data persistence.
SDimensionIQ Integration Architecture
Figure 1 - DimensionIQ Integration Architecture