This sample application demonstrates how to embed ParaView/Web visualizations into another website or blog. Any ParaView/Web application can embedded using this technique. This demonstration embeds the Data Viewer. By specifying the dataset or state file to load in the URL for the embedded ParaView/Web instance, one can embed interactive visualizations in any website, similar to embedding videos from YouTube or Vimeo.
Figure 1: ParaView Visualization. Click to interact!
The above was generated using the following code snippet:
<iframe class="paraviewweb-player" type="text/html"
width="540px" height="400px"
frameborder="1px"
src="embed.html?data=can.ex2" >
</iframe>
Each embedded ParaView/Web widget is its instance. One can embed multiple visualizations and each will be connected to a separate session on the visualization server. By default, none of the widget are alive. Users can click on the widget to launch a ParaView server. As soon as the server is ready, the widget will become active and users can then interact with the visualization.
Since it is possible to embed any ParaView/Web application, developers can develop custom applications that expose UI elements to control the visualization parameters as appropriate for the article being illustrated.