Font size

Embedding model animation

You can embed the animation of your model in your website.

This option is only available for models with public access. The animation will always refer to the same simulation as displayed at the public page of the model, that is, the simulation experiment of the latest model version will run. If the latest version of the model has no simulation experiments, an error will occur.

The resource containing the embedded animation (that is, an HTML page) should be accessible via the same port that your Cloud instance (80 for the instances using the HTTP protocol, 443 — for HTTPS). This is due to the security restrictions applied by the same-origin policy.
You can, however, configure the iframe element in a way that allows for embedding from the resource using the non-default port. To do that, specify the appropriate X-Frame-Options header. To learn more about this feature, see the Mozilla documentation.

To control the model execution, use the default animation toolbar. When you click the Stop button, the animation will return to the start page.

You will not be able to change the parameters before running the simulation or save the outputs afterwards.

To embed the model animation

  1. Locate the model tile on the title screen or model screen.

  2. Click the icon at the bottom right corner of the tile.
  3. Copy the HTML code fragment displayed in the dialog box.

  4. Paste the code you’ve copied into the HTML page where you want the model animation to appear.
  5. The model will appear on the page, like the following (requires the Internet connection to work properly):
How can we improve this article?