JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3js.org/d3.v3.js"></script>

CSS

body {
    font: 10px sans-serif;
}
.axis path, .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.x.axis path {
    display: none;
}
.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

JavaScript

var dataObject1 = [{
              "d": 6.281247165532879,
                  "ts": 1377244506.794737,
                  "g": "PLAYER"
          }, {
              "d": 6.54390022675737,
                  "ts": 1377244506.898609,
                  "g": "PLAYER"
          }, {
              "d": 6.640204081632653,
                  "ts": 1377244506.994899,
                  "g": "PLAYER"
          }, {
              "d": 6.741292517006802,
                  "ts": 1377244507.095995,
                  "g": "PLAYER"
          }, {
              "d": 6.840136054421769,
                  "ts": 1377244507.194835,
                  "g": "PLAYER"
          }, {
              "d": 6.940612244897959,
                  "ts": 1377244507.295265,
                  "g": "PLAYER"
          }, {
              "d": 7.04047619047619,
                  "ts": 1377244507.395149,
                  "g": "PLAYER"
          }, {
              "d": 7.140453514739229,
                  "ts": 1377244507.495221,
                  "g": "PLAYER"
          }, {
              "d": 7.24063492063492,
                  "ts": 1377244507.59541,
                  "g": "PLAYER"
          }, {
              "d": 7.35625850340136,
                  "ts": 1377244507.710992,
                  "g": "PLAYER"
          }, {
              "d": 7.440340136054422,
                  "ts": 1377244507.795081,
                  "g": "PLAYER"
          }, {
              "d": 7.540748299319728,
                  "ts": 1377244507.895482,
                  "g": "PLAYER"
          }, {
              "d": 7.64079365079365,
                  "ts": 1377244507.995466,
                  "g": "PLAYER"
          }, {
              "d": 7.741247165532879,
                  "ts": 1377244508.095888,
                  "g": "PLAYER"
          }, {
              "d": 7.841156462585034,
                  "ts": 1377244508.195787,
                  "g": "PLAYER"
          }, {
              "d": 7.940022675736961,
                  "ts":...