Monaca Onsen UI Discord Chat Github Repo

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



  • 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