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.

Figure 2: Another ParaView Visualization. Click to interact!

This sample web-application demonstrates how ParaViewWeb visualizations can be embedded in web-pages, blog-posts, web-articles, etc.