JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="http://almende.github.io/chap-links-library/js/timeline/timeline.js"></script>
<link rel="stylesheet" href="http://almende.github.io/chap-links-library/js/timeline/timeline.css">
<div class="cib-box" id="timeline-container"></div>
<div class="cib-box" id="map-container"></div>

CSS

.cib-box {
    width: 100%;
    height: 300px;
}

.timeline-event-label {
    display: none;
}

JavaScript

var data = [
   {
      "eventid":39,
      "when":"2013-12-13 09:24:11",
      "x":39.9356,
      "y":-91.4099,
      "notes":"",
      "code":0,
      "user":"brandon"
   },
   {
      "eventid":40,
      "when":"2013-12-13 10:13:06",
      "x":39.9324,
      "y":-91.3986,
      "notes":"",
      "code":0,
      "user":"brent"
   },
   {
      "eventid":41,
      "when":"2013-12-13 11:23:07",
      "x":39.9261,
      "y":-91.3847,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":42,
      "when":"2013-12-13 12:51:30",
      "x":39.9325,
      "y":-91.1203,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":43,
      "when":"2013-12-13 13:20:04",
      "x":39.9382,
      "y":-91.3273,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":44,
      "when":"2013-12-13 13:26:37",
      "x":39.9357,
      "y":-91.3667,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":45,
      "when":"2013-12-13 14:47:18",
      "x":39.9359,
      "y":-91.3675,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":46,
      "when":"2013-12-13 15:13:53",
      "x":39.9349,
      "y":-91.3945,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":47,
      "when":"2013-12-13 16:16:01",
      "x":39.9336,
      "y":-91.3635,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":48,
      "when":"2013-12-13 16:42:48",
      "x":39.9356,
      "y":-91.4099,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":49,
      "when":"2013-12-13 17:31:34",
      "x":39.9084,
      "y":-91.3831,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":50,
      "when":"2013-12-16 10:54:38",
      "x":39.9343,
      "y":-91.3844,
      "notes":"",
      "code":0,
      "user":"david"
   },
   {
      "eventid":51,
      "when":"2013-12-16...