JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/javascript' src="http://code.jquery.com/jquery-2.1.0.js"></script>
    <script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=true"></script>

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

JavaScript

visualize({
  auth: {
    name: "jasperadmin",
    password: "jasperadmin",
    organization: "organization_1"
  }
}, function(v) {
	var adv
    adv = v.adhocView({
      resource: "/public/Samples/Ad_Hoc_Views/01__Geographic_Results_by_Segment",
      container: "#container",
      success: function() {
        //                        alert("Rendered Canada");
        console.log(arguments);
      },
      error: function() {
        alert("error");
        console.log(arguments);
      }
    });
});