# Embed visualizations using the Capability APIs

You can embed visualizations on the fly using the App API or the Visualization API.

## App API: getObject

You can embed objects, that is visualizations, selection bars and navigation bars, using the App API.

To utilize the App API, you must first create a HTML page and configure Qlik Sense. For more information, see [Getting started building mashups](https://help.qlik.com/en-US/sense-developer/May2026/Subsystems/Mashups/Content/Sense_Mashups/mashups-getting-started.htm).

Then you must connect to the Qlik Sense app containing the data you want to visualize. When you have connected to the app, you can start utilizing the App API via the app.getObject method.

Example: Get object defining the html element

```
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d', config);
	app.getObject(document.getElementById("LB01"),
		"uPyZavD");
```

Example: Get object defining the element id string

```
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d', config);	
	app.getObject("LB01","uPyZavD");
```

Example: Get object with On-demand App Navigation bar

```
var app = qlik.openApp('2abac31e-3b46-4b78-8bxf-c5cea1d2514d', config);
app.getObject('MyAppNavigationToolbarDIVid', 'AppNavigationBar', { 
  sheetId: "RWcstb", openAppCallback: function ( appId, targetSheetId ) {
    alert("Open generated app event handled.  App ID: " + appId + " target sheet to open by default: " + targetSheetId);
		}
  }
);
```

### API reference

[App API: getObject method](https://help.qlik.com/en-US/sense-developer/May2026/Subsystems/APIs/Content/Sense_ClientAPIs/CapabilityAPIs/AppAPI/getObject-method.htm)

## Visualization API: get

You can embed visualizations using the Visualization API.

To utilize the Visualization API, you must first create a HTML page and configure Qlik Sense. For more information, see [Getting started building mashups](https://help.qlik.com/en-US/sense-developer/May2026/Subsystems/Mashups/Content/Sense_Mashups/mashups-getting-started.htm).

Then you must connect to the Qlik Sense app containing the data you want to visualize. When you have connected to the app, you can start utilizing the Visualization API via the visualization.get method.

Example: Get visualization

```
var app = qlik.openApp('c31e2aba-3b46-4b13-8b87-c5c2514dea1d', config);
	app.visualization.get('xGhjKl').then(function(vis){
		vis.show("QV01");
	});
```

### API reference

[Visualization API: get method](https://help.qlik.com/en-US/sense-developer/May2026/Subsystems/APIs/Content/Sense_ClientAPIs/CapabilityAPIs/VisualizationAPI/get-method.htm)