JSFiddle - React, Tailwind, and code Playground

by Ajay Patel

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
    <div id="big">
        Big
    </div>
    <div id="small">
        Small
    </div>
    <div id="graph">
        <svg id="graphsvg" style='width: 100%; height: 350px; '></svg>
        
    </div>

JavaScript

var TO, data, day_ndata, ndata, resize_chart, showInfo, week, x, _i, _len;

TO = false;

$(window).resize(function() {
  return resize_chart();
});

data = [
  {
    "date": "3/1/2012",
    "visits": "20760",
    "rowNumber": 1
  }, {
    "date": "3/2/2012",
    "visits": "21826",
    "rowNumber": 2
  }, {
    "date": "3/3/2012",
    "visits": "14803",
    "rowNumber": 3
  }, {
    "date": "3/4/2012",
    "visits": "17294",
    "rowNumber": 4
  }, {
    "date": "3/5/2012",
    "visits": "23413",
    "rowNumber": 5
  }, {
    "date": "3/6/2012",
    "visits": "46197",
    "rowNumber": 6
  }, {
    "date": "3/7/2012",
    "visits": "41570",
    "rowNumber": 7
  }, {
    "date": "3/8/2012",
    "visits": "22849",
    "rowNumber": 8
  }, {
    "date": "3/9/2012",
    "visits": "17116",
    "rowNumber": 9
  }, {
    "date": "3/10/2012",
    "visits": "14184",
    "rowNumber": 10
  }, {
    "date": "3/11/2012",
    "visits": "17041",
    "rowNumber": 11
  }, {
    "date": "3/12/2012",
    "visits": "157041",
    "rowNumber": 12
  }, {
    "date": "3/13/2012",
    "visits": "90960",
    "rowNumber": 13
  }, {
    "date": "3/14/2012",
    "visits": "68152",
    "rowNumber": 14
  }, {
    "date": "3/15/2012",
    "visits": "58755",
    "rowNumber": 15
  }, {
    "date": "3/16/2012",
    "visits": "38828",
    "rowNumber": 16
  }, {
    "date": "3/17/2012",
    "visits": "25920",
    "rowNumber": 17
  }, {
    "date": "3/18/2012",
    "visits": "30541",
    "rowNumber": 18
  }, {
    "date": "3/19/2012",
    "visits": "45527",
    "rowNumber": 19
  }, {
    "date": "3/20/2012",
    "visits": "45265",
    "rowNumber": 20
  }, {
    "date": "3/21/2012",
    "visits": "41184",
    "rowNumber": 21
  }, {
    "date": "3/22/2012",
    "visits": "35744",
    "rowNumber": 22
  }, {
    "date": "3/23/2012",
    "visits": "28168",
    "rowNumber": 23
  }, {
    "date": "3/24/2012",
    "visits": "21478",
    "rowNumber": 24
  }, {
    "date": "3/25/2012",
    "visits": "38353",
   ...