JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<script src="http://localhost:8080/trunk/client/visualize.js?_opt=true"></script>


<div class="successmsg">
 
</div>

<!--Provide container to render your visualization-->
<div id="container" style="height: 400px;position: relative"></div>

CSS

.successmsg>span {
  padding: 10px;
  font-size: 18px;
}

.successmsg {
  padding-bottom: 25px;
}

JavaScript

visualize({
  auth: {
    name: "superuser",
    password: "superuser"
  }
}, function(v) {
  var adv;

  adv = v.adhocView({
    resource: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
    container: "#container",
    success: function() {
      $(".successmsg").html("<span>Success: Chart loaded with " +  arguments[0].metadata.inputParameters.length + "  parameters.</span>");
      console.log(arguments);
    },
    error: function() {
      alert("error");
      $(".successmsg").html("<span>Error: Chart could not be loaded.</span>");
      console.log(arguments);
    }
  });
});