Auto Refreshing an Embedded Visualization Using Meta Refresh Tag

Do your end users need up to the minute, 30 seconds, 10 seconds, etc. data updated within an embedded view? In this article we will build a working example of how to embed a view with a defined refresh rate to insure your visualization has up to date data that is easily viewable via any web browser.

Creating the HTML Document

Step 1

Once you have your visualization created and published to server we can click on the share button and copy the URL code for the viz we wish to embed. In this case the view I am embedding uses this URL:
http://sales-ts/views/AutoRefreshExample/AutoRefreshExample

Step 2

Now we want to embed our viz onto a webpage. Below is an example of a standard format for a basic HTML doc. If you are embedding on an existing page you can skip this step.

Step 3

We will now create the iframe portion and insert it between the tags of the HTML doc. After the URL we can place a ? and add some specific actions such as embedding the toolbar, setting the width, and in this case defining the need to support a refresh rate. Your iframe will look very similar to this:

Step 4

Now we will add the refresh rate to the header section of our HTML doc. You can learn more about the meta refresh tag by clicking here. Here is how this tag will look: The integer, in this case 7, is the number of seconds the web page will wait before updating and refreshing the view/data.

Step 5

You should have all the pieces and parts now for a successful embedded view that will auto refresh. To recap here is an example of what your finished HTML script should look like:

Here is an example of what that HTML code will make your embedded view look like (This page will automatically refresh every 60 seconds):

Your browser does not support iframes.