The Below Tableau Viz is Posted from Tableau Public

If you have opened this link from your mobile you may not be able to view this page as it is intended. So please visit through your laptop.

This is the Webpage Calling Tableau Worksheet Using Java Script API.

A script is program code that doesn’t need pre-processing (e.g. compiling) before being run. In the context of a Web browser, scripting usually refers to program code written in JavaScript that is executed by the browser when a page is downloaded, or in response to an event triggered by the user. In the Head section above , we have two script Tags. The first script tag accesses the Tableau Java Script API that resides on Tableau Server / Public / Online. The Second script tag has details of the Tableau Visualization and loads it when the HTML page runs.

If you see in the source code of this content,there is a piece of code below within the div tag that allows you to place your Visualization anywhere you want in the body . So This is the Content that we have written before calling the Tableau Viz . Also the below Tag can be used to resize .

This is the content that we have after the Viz . So this shows that we can place our Visualization where we want to using .

So to summarize , In this web Page we are calling the Tableau Visualization through Java Script API.

There are two things that you need to Note here . Also do not forget to load the java script function while loading the body . See the start of the body tag that has onload= initViz() that calls the init Viz function to execute the code when the page runs.

1. You need to get the Java Script API File from the Tableau Server / Tableau Online / Tableau Public . This varies based on your Tableau Server version. so the First Script Tag has the location and calls the Tableau Java Script API from the Server.

2. The second Script has the details about the Tableau Workbook that you want to display on your webpage. The earlier example on this website shows you how to display the Tableau Workbook from serverby Embedding it .

This example is different from it in the context that we are not embedding it , rather we are calling it through Java Script API . The moment we call it through Java Script API, we get "n" number of features that we can use which means now we can create "Buttons" on web page and when we click the button on the web page , it would interact with the Tableau Workbook / Dashboard and do the necessary action like Filtering or moving to next Viz or Displaying Marks and so .
This presents a wonderful opportunity wherein we can have dynamic content on our web page and the Tableau Dashboard can be working based on the Dynamic content that gets updated on a daily basis for e.g. Say our website page is designed to Dispaly the Top 5 best performing IPO's and the Tableau Viz that has all the details about the like its growth rate or how it has been trending ,can then be dynamically called and located on the web page.


There are no entries yet.
Please enter the code
* Required fields

Subscribe to Our YouTube Channel To recieve updates on Free Learning



Visit Our Website to View the Upcoming Training Schedule

Looking for Corporate Training ? Reach out to us at

Reach out to us if you are looking for Corporate Training to Build The Next Generation Analytical Workforce with an in-depth understanding of  Exploratory Data Analysis , Data Visualisation, Data Analytics , AI First , Machine Learning & Deep Learning Training & Consulting helping them to take Data Informed Decision at each stage of the business. 

We understand that At the present times , the Entire Industry is in a Tranformation stage with the Softwares  being rebuilt with Artificial Intelligence Capabilities .

We need SMART WORKFORCE for the SMART SOFTWARES to reap the maximum return . 


Whatsapp at +91-9953805788 or email at - if you would like to know more . 


  • Corporate Tableau Training in Gurgaon
  • Corporate Data Analytics Training in Gurgaon
  • Corporate Microsoft Power BI Training in Gurgaon
  • Corporate Microstrategy Training in Gurgaon
  • Corporate Google Data Studio Training in Gurgaon
  • Corporate Python Training in Gurgaon
  • Corporate Advance Analytics in R Programming Training in Gurgaon
  • Corporate Machine Learning Training in Gurgaon
  • Corporate Deep Learning Training in Gurgaon
  • Corporate Data Visualization Training in Gurgaon



Instrovate Technologies

Noida, Gurgaon 

Hit Your Refresh Button To Rise Higher

Subscribe to Our YouTube Channel To Receive Updates on the Latest Free Learning Video Added

Print Print | Sitemap
All rights reserved @ Instrovate Technologies

Terms Of Services    Privacy Policy    Disclaimer     Refund Policy