JSFiddle - React, Tailwind, and code Playground

by Aman Adhikari

HTML

<script src="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.js"></script>
<link rel="stylesheet" href="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.css">
<script src="http://visjs.org/dist/vis.js"></script>
<link rel="stylesheet" href="http://visjs.org/dist/vis.css">
<p id="test">Test my tooltip draggable<p>

<div id="visualization"></div>

JavaScript

var container = document.getElementById('visualization');
  var items = [
    {id: 1, content: 'item 1', start: '2014-04-10'},
    {id: 2, content: 'item 2', start: '2014-04-14'},
    {id: 3, content: 'item 3', start: '2014-04-18'},
      {id: 4, content: 'item 4', start: '2014-04-19'},
    {id: 5, content: 'item 5', start: '2014-04-25'},
      {id: 6, content: 'item 6', start: '2014-04-27'}
  ];
  var options = {};
  var timeline = new vis.Timeline(container, items, options);