How to embed Tableau into a web page using the tableau JavaScript API?

tobimarsh

I’m a beginner trying to embed Tableau visualization into my web page, such that whenever the link is clicked, visualization is rendered on the page. But the browser loads with an error on the tableau Software object. How can I initialize this object?

I’m using the Tableau server trial version
https://bit.ly/3bpWxUy

<html>

    <head>

        <script type='text/javascript' src='http://localhost:85/javascripts/api/viz_v1.js'></script>

        <script>

            function initializeViz() {

                var placeholderDiv = document.getElementById("tableauViz");

                var url2 = "http://localhost:85/views/test_page/Sheet1?:embed=y&:display_count=no";

                viz = new tableauSoftware.Viz(placeholderDiv, url2);

            }

        </script>

    </head>

    <body>

        <a href="#" onclick="$('#tableauViz').html(''); initializeViz()">visualize</a>

        <div class id ="tableauViz"></div>

    </body>

</html>

I get this error:

alt text

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

How to embed Tableau into a web page using the tableau JavaScript API?