JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://nickqizhu.github.io/dc.js/css/dc.css">
<script src="http://nickqizhu.github.io/dc.js/js/d3.js"></script>
<script src="http://nickqizhu.github.io/dc.js/js/crossfilter.js"></script>
<script src="http://nickqizhu.github.io/dc.js/js/dc.js"></script>
<div id="chartnobrush">
</div>

<div id="chartbrush">
</div>

JavaScript

$(function() {
    
    var records = [{"date":"2014-01-02","pnl":-30293.828453848255},{"date":"2014-01-03","pnl":-942213.0507070145},{"date":"2014-01-06","pnl":-11576658.443482878},{"date":"2014-01-07","pnl":21839005.034112524},{"date":"2014-01-08","pnl":18131173.84682281},{"date":"2014-01-09","pnl":716872.8911252634},{"date":"2014-01-10","pnl":-4155936.451773842},{"date":"2014-01-13","pnl":2951657.9010888063},{"date":"2014-01-14","pnl":20270981.404187553},{"date":"2014-01-15","pnl":3346921.777954167},{"date":"2014-01-16","pnl":-5502437.931427324},{"date":"2014-01-17","pnl":6544016.55024762},{"date":"2014-01-20","pnl":-2512928.4308979637},{"date":"2014-01-21","pnl":-3932550.784669828},{"date":"2014-01-22","pnl":5124257.309276914},{"date":"2014-01-23","pnl":-18647994.76767714},{"date":"2014-01-24","pnl":-4184317.020546156},{"date":"2014-01-27","pnl":2193167.647797947},{"date":"2014-01-28","pnl":12362718.90743116},{"date":"2014-01-29","pnl":-2195321.6962514836},{"date":"2014-01-30","pnl":-4138277.5066329846},{"date":"2014-01-31","pnl":-2874408.2152147917},{"date":"2014-02-03","pnl":-7221656.195033281},{"date":"2014-02-04","pnl":3285052.5720511684},{"date":"2014-02-05","pnl":-946793.6672347377},{"date":"2014-02-06","pnl":3221923.288674985},{"date":"2014-02-07","pnl":-7511731.549380552},{"date":"2014-02-10","pnl":-8886163.639632145},{"date":"2014-02-11","pnl":-1849634.4539030525},{"date":"2014-02-12","pnl":638666.031800451},{"date":"2014-02-13","pnl":-1001288.5151867829}]    
    
    var parseDate = d3.time.format("%Y-%m-%d").parse;
    records.forEach(function(d) {
        d.date = parseDate(d.date);
    });
    var recordsx = crossfilter(records);
    
    var dims={};
    var groups ={};
                           
dims.date = recordsx.dimension(function(d) {return(+d.date);});
	groups.date={};                           
groups.date.pnlSum = dims.date.group().reduceSum(function(d) {return(d.pnl);});
          
dims.date2 = recordsx.dimension(function(d)...