Skip to content
Branch: master
Find file Copy path
Find file Copy path
1 contributor

Users who have contributed to this file

39 lines (36 sloc) 1.09 KB

Using qdt-components with a simple html page

This is a guide on how you can use qdt-components on a simple html page.

  <script type="text/javascript" src="qdt-components.js"></script>
  <qdt-component id="qdt1"></qdt-component>
  • Add the Javascript
<script type="text/javascript">
  var options = {
    config: {
      host: "",
      secure: true,
      port: 443,
      prefix: "",
      appId: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx"
    connections: { 
      vizApi: true, 
      engineApi: true 
  var qdtComponents = new QdtComponents(options.config, options.connections);
  var element = document.getElementById('qdt1');
  qdtComponents.render('QdtViz', {id: 'a5e0f12c-38f5-4da9-8f3f-0e4566b28398', height:'300px'}, element);


You can’t perform that action at this time.