JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://d3js.org/d3.v4.js"></script>
<!-- <span class="js_toolTip"></span> -->

SCSS

svg {
  background-color: #fff;
}

/* .js_toolTip {
  position: absolute;
  z-index: 10;
  padding: 0 5px;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #333;
  color: #fff;
  font-size: 11px;
  opacity: 0.8; 
  width: 2.5em;
  display: inline-block;
  text-align: center;
} */

JavaScript

var margin = {
  top: 30, 
  right: 30, 
  bottom: 50, 
  left: 80
};

var size = {
width: 1000 - margin.left - margin.right,
height: 350 - margin.top - margin.bottom
}

var data = [
{'publishedDate': '2017-01-07','rank': 14},
{'publishedDate': '2017-01-16','rank': 13},
{'publishedDate': '2017-01-23','rank': 7},
{'publishedDate': '2017-01-30','rank': 10},
{'publishedDate': '2017-02-06','rank': 6},
{'publishedDate': '2017-02-13','rank': 6},
{'publishedDate': '2017-02-20','rank': 4},
{'publishedDate': '2017-02-27','rank': 12},
{'publishedDate': '2017-03-06','rank': 18},
{'publishedDate': '2017-03-13','rank': 11},
{'publishedDate': '2017-03-18','rank': 5},
{'publishedDate': '2017-03-27','rank': 11},
{'publishedDate': '2017-04-03','rank': 9},
{'publishedDate': '2017-04-10','rank': 6},
{'publishedDate': '2017-04-17','rank': 8},
{'publishedDate': '2017-04-27','rank': 10},
{'publishedDate': '2017-05-08','rank': 9},
{'publishedDate': '2017-05-15','rank': 12},
{'publishedDate': '2017-05-22','rank': 14},
{'publishedDate': '2017-05-29','rank': 9},
{'publishedDate': '2017-06-05','rank': 10},
{'publishedDate': '2017-06-12','rank': 5},
{'publishedDate': '2017-06-19','rank': 14},
{'publishedDate': '2017-06-26','rank': 6},
{'publishedDate': '2017-07-03','rank': 4},
{'publishedDate': '2017-07-10','rank': 14},
{'publishedDate': '2017-07-15','rank': 6},
{'publishedDate': '2017-07-24','rank': 11},
{'publishedDate': '2017-07-31','rank': 12},
{'publishedDate': '2017-08-07','rank': 5},
{'publishedDate': '2017-08-21','rank': 10},
{'publishedDate': '2017-08-28','rank': 1},
{'publishedDate': '2017-09-04','rank': 13},
{'publishedDate': '2017-09-11','rank': 14},
{'publishedDate': '2017-09-18','rank': 14},
{'publishedDate': '2017-09-25','rank': 14},
{'publishedDate': '2017-10-02','rank': 14},
{'publishedDate': '2017-10-07','rank': 9},
{'publishedDate': '2017-10-16','rank': 14},
{'publishedDate': '2017-10-23','rank': 18},
{'publishedDate': '2017-10-30','rank': 7},
{'publishedDate':...