Embed Oracle Analytics Content into a Custom Application That Doesn’t Use Oracle JET

If the custom application uses a technology other than Oracle JET, then the embedded Oracle Analytics content adds its Oracle JET distribution and all additional components into the page.

If the Developer option isn't displayed in the workbook's Menu, then you need to enable it. See Enable Oracle Analytics Developer Options.

Include the standalone version of embedding.js.
<script src=https://<instance>.analytics.ocp.oraclecloud.com/public/ui/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
Find and include <oracle-dv> under an appropriately sized <div>. To find this tag:
1. Go to Oracle Analytics and open the workbook containing the analytics content you want to embed.
2. Click the workbook's Menu and then click Developer.
3. Click the Embed tab.
4. Locate the item you want to embed and click Copy to copy it.
Example

Here project-path specifies the workbook's path.
```
<div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">
    <oracle-dv project-path="/@Catalog/users/admin/workbook_name">
    </oracle-dv>
</div>
```
Apply Knockout bindings after the visualization is fully loaded. This should be placed inside of a <script> tag after the <oracle-dv> tag, or executed in an onload body handler.
```
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
    ko.applyBindings();
});
```

Complete Example

Here project-path specifies the workbook's path.

<!DOCTYPE html>
<html dir="ltr">
   <head>
      <title>AJAX Standalone Demo</title>
      <script src="https://<instance>.analytics.ocp.oraclecloud.com/public/dv/v1/embedding/standalone/embedding.js""
type="text/javascript">
      </script> 
   </head>
   <body>
      <h1>AJAX Standalone Demo</h1>

      <div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 
120px)" >
         <oracle-dv project-path="/shared/embed/test-embed">
         </oracle-dv>
      </div>

   <script>
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {   ko.applyBindings();
});
      </script
   </body
</html