JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div style="position: relative">
  <div id="chartContainer" style="height: 360px; width: 100%;"></div>
<button id="printChart">Export Chart</button>

 <div id="chartContainer" class="ml-5"></div>
 <div id="slider" style="height:370px; position: absolute;top: 0px;"></div>
</div>

JavaScript

window.onload = function () {
        CanvasJS.addColorSet('DemographicsCanvasJS', ['#4472c4', '#ed7c31', '#a5a5a5', '#ffbf00', '#70ad47']);;
        var dps = [{"label":"Project+","y":2.0,"color":null,"name":"Project+","count":100.0},{"label":"GASF: GIAC Advanced Smartphone Forensics","y":1.0,"color":null,"name":"GASF: GIAC Advanced Smartphone Forensics","count":50.0},{"label":"EC-Council Certified Ethical Hacker ","y":1.0,"color":null,"name":"EC-Council Certified Ethical Hacker ","count":50.0},{"label":"Certified Wireless Network Administrator ","y":1.0,"color":null,"name":"Certified Wireless Network Administrator ","count":50.0},{"label":"Certified in the Governance of Enterprise IT ","y":1.0,"color":null,"name":"Certified in the Governance of Enterprise IT ","count":50.0},{"label":"Certified in Risk and Information Systems Control ","y":1.0,"color":null,"name":"Certified in Risk and Information Systems Control ","count":50.0},{"label":"Certified in Information Assurance ","y":2.0,"color":null,"name":"Certified in Information Assurance ","count":100.0},{"label":"Certified Healthcare IS Security Practitioner ","y":2.0,"color":null,"name":"Certified Healthcare IS Security Practitioner ","count":100.0},{"label":"Certified FISMA Compliance Practitioner ","y":2.0,"color":null,"name":"Certified FISMA Compliance Practitioner ","count":100.0},{"label":"Certified EC Council Instructor ","y":1.0,"color":null,"name":"Certified EC Council Instructor ","count":50.0},{"label":"Certified Data Management Professional","y":2.0,"color":null,"name":"Certified Data Management Professional","count":100.0},{"label":"Certified Cyber Forensics Professional ","y":2.0,"color":null,"name":"Certified Cyber Forensics Professional ","count":100.0},{"label":"Certified Computer Security Incident Handler ","y":1.0,"color":null,"name":"Certified Computer Security Incident Handler...