JSFiddle - React, Tailwind, and code Playground

by deswolf

HTML

<script src="https://momentjs.com/downloads/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.css">
<script src="https://www.chartjs.org/samples/latest/utils.js"></script>
<div id="go"></div>
<canvas id="canvas" width="400" height="276"></canvas>
<aside id="meta">
  <button>
  dataset
  </button>
    <button>
  nearest
  </button>
</aside>

CSS

html {
  font-family: "Arial", sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

JavaScript

const initData = [
"15-Mar-21 16:18:28 GMT",
"09-Mar-21 12:44:00 GMT",
"09-Mar-21 11:15:26 GMT",
"09-Mar-21 11:09:51 GMT",
"03-Mar-21 13:04:30 GMT",
"01-Mar-21 16:10:34 GMT",
"01-Mar-21 16:09:46 GMT",
"24-Feb-21 14:05:54 GMT",
"24-Feb-21 13:38:44 GMT",
"24-Feb-21 13:30:51 GMT",
"24-Feb-21 09:47:33 GMT",
"24-Feb-21 09:47:26 GMT",
"24-Feb-21 09:47:12 GMT",
"24-Feb-21 09:46:33 GMT",
"23-Feb-21 15:59:42 GMT",
"23-Feb-21 10:22:38 GMT",
"23-Feb-21 10:22:03 GMT",
"23-Feb-21 10:19:38 GMT",
"22-Feb-21 12:19:48 GMT",
"22-Feb-21 12:06:07 GMT",
"19-Feb-21 15:00:53 GMT",
"19-Feb-21 13:55:53 GMT",
"16-Feb-21 13:24:15 GMT",
"11-Feb-21 09:40:43 GMT",
"11-Feb-21 09:38:11 GMT",
"11-Feb-21 09:37:38 GMT",
"11-Feb-21 09:32:17 GMT",
"11-Feb-21 09:31:54 GMT",
"11-Feb-21 09:31:10 GMT",
"10-Feb-21 13:29:02 GMT",
"10-Feb-21 11:04:14 GMT",
"10-Feb-21 11:03:02 GMT",
"10-Feb-21 10:25:48 GMT",
"10-Feb-21 10:24:49 GMT",
"10-Feb-21 10:23:51 GMT",
"10-Feb-21 10:23:46 GMT",
"10-Feb-21 10:23:02 GMT",
"10-Feb-21 09:52:39 GMT",
"09-Feb-21 11:26:15 GMT",
"09-Feb-21 11:02:19 GMT",
"09-Feb-21 10:36:44 GMT",
"09-Feb-21 10:36:30 GMT",
"08-Feb-21 14:58:04 GMT",
"08-Feb-21 14:49:30 GMT",
"08-Feb-21 14:49:25 GMT",
"08-Feb-21 14:46:35 GMT",
"08-Feb-21 13:08:17 GMT",
"08-Feb-21 13:04:16 GMT",
"08-Feb-21 13:04:12 GMT",
"08-Feb-21 13:04:01 GMT",
"08-Feb-21 12:44:50 GMT",
"05-Feb-21 15:01:50 GMT",
"05-Feb-21 14:37:24 GMT",
"05-Feb-21 13:12:42 GMT",
"05-Feb-21 13:12:30 GMT",
"05-Feb-21 13:12:20 GMT",
"05-Feb-21 13:05:14 GMT",
"05-Feb-21 13:04:55 GMT",
"05-Feb-21 13:04:22 GMT",
"05-Feb-21 13:01:12 GMT",
"05-Feb-21 13:01:07 GMT",
"02-Feb-21 12:46:38 GMT",
"02-Feb-21 12:44:22 GMT",
"02-Feb-21 09:36:59 GMT",
"02-Feb-21 09:29:15 GMT",
"27-Jan-21 16:23:39 GMT",
"27-Jan-21 15:07:32 GMT",
"27-Jan-21 14:11:14 GMT",
"27-Jan-21 12:59:01 GMT",
"27-Jan-21 12:58:41 GMT",
"27-Jan-21 12:58:24 GMT",
"27-Jan-21 12:21:05 GMT",
"27-Jan-21 12:20:49 GMT",
"27-Jan-21 12:20:47 GMT",
"27-Jan-21 12:10:54 GMT",
"27-Jan-21 12:07:01...