This is a simple html page that uses qdt-components (1.1.62).

• Simple Object |
• Session Object |
• Selection Toolbar |
• Picasso - Charts |
• Table from Engine API |
• KPI from Engine API

            < head>
                < script type="text/javascript" src="qdt-components.js">< /script>
            < /head>
            < body>
                < div id="qdt1">< /div>
            < /body>
        

            var qConfig = {
                "config": {
                    "host": "your-server",
                    "secure": true,
                    "port": 443,
                    "prefix": "",
                    "appId": "133dab5d-8f56-4d40-b3e0-a6b401391bde"
                },
                "connections": { 
                    "vizApi": true, 
                    "engineApi": false 
                }
            }
            var QdtComponent = new window.QdtComponents(qConfig.config, qConfig.connections);
            var element = document.getElementById('qdt1');
            QdtComponent.render('QdtViz', {id: 'a5e0f12c-38f5-4da9-8f3f-0e4566b28398', height:'300px'}, element);