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

High Priority Cases

Html

            < head>
                < script type="text/javascript" src="qdt-components.js">< /script>
            < /head>
            < body>
                < h3>High Priority Cases
                < h1>< div id="qdt1">
            < /body>
        
Javascript

            var qConfig = {
                "config": {
                    "host": "your-server",
                    "secure": true,
                    "port": 443,
                    "prefix": "",
                    "appId": "133dab5d-8f56-4d40-b3e0-a6b401391bde"
                },
                "connections": { 
                    "vizApi": false, 
                    "engineApi": true 
                }
            }
             var QdtComponent = new window.QdtComponents(qConfig.config, qConfig.connections);
             var element = document.getElementById('qdt1');
             QdtComponent.render("QdtKpi", { cols: ["=Count( {$} Distinct %CaseId )"] }, element);