How to display Tableau visualizations on web pages?
Tableau is a great tool to help bring life to your visualizations. You can start using it today with the free version of the software, Tableau Public. However, your work will be made public on their website which allows you to host upto 10GB worth of files.

Now, if you’d like to reach a larger audience by displaying your worksheets or dashboards on a website, Tableau provides a JavaScript API to do just that. An example of this can be found at the Australian Bureau of Meteorology website.

To get started, first save your dashboard to Tableau Public.

Next, create an HTML webpage and add the following code of the JavaScript API from the Tableau Server that hosts your visualizations. In addition, create a div element in the page body where you’d like to insert the Tableau dashboard.

Your HTML file

Now, write a function in a JavaScript file to display the visualization.

Your JavaScript file

To display your own visualization, go to the worksheet or dashboard you’d like to show on Tableau Public. Click the share button on the bottom toolbar as shown circled below. Then proceed to copy the link highlighted in the rectangle below and paste it in your vizURL variable in your js file.

And that’s it, you’re all set! I implemented this for a personal project that you may view here. You can also use this to display multiple sheets following the videos Tableau has provided here.

Tableau provides a very simple JavaScript API that allows you to showcase your work beyond their own website and I hope this short walkthrough gave some insights to it.
['Ali Shujjat']
['Data Visualization', 'Tableau', 'Javascript Api']