JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype>

<link type="text/css" rel="stylesheet" href="http://code.shutterstock.com/rickshaw/src/css/graph.css">
<link type="text/css" rel="stylesheet" href="http://code.shutterstock.com/rickshaw/examples/css/lines.css">

<script src="http://code.shutterstock.com/rickshaw/vendor/d3.min.js"></script>
<script src="http://code.shutterstock.com/rickshaw/vendor/d3.layout.min.js"></script>
<script src="http://code.shutterstock.com/rickshaw/rickshaw.js"></script>

<div id="chart">
</div>

JavaScript

var data = [
        {
            data: [ {"x":1363950000,"y":0},{"x":1364238745,"y":1},{"x":1364527491,"y":1},{"x":1364816237,"y":1},{"x":1365104983,"y":1},{"x":1365393729,"y":1},{"x":1365682475,"y":1},{"x":1365971221,"y":22},{"x":1366259967,"y":0},{"x":1366548712,"y":0},{"x":1366837458,"y":0},{"x":1367126204,"y":0},{"x":1367414950,"y":0},{"x":1367703696,"y":0},{"x":1367992442,"y":0},{"x":1368281188,"y":0},{"x":1368569934,"y":0},{"x":1368858679,"y":0},{"x":1369147425,"y":0},{"x":1369436171,"y":0},{"x":1369724917,"y":0},{"x":1370013663,"y":0},{"x":1370302409,"y":0},{"x":1370591155,"y":0},{"x":1370879901,"y":0},{"x":1371168647,"y":0} ]
        }, {
            data: [ {"x":1363950000,"y":0},{"x":1364238745,"y":0},{"x":1364527491,"y":0},{"x":1364816237,"y":0},{"x":1365104983,"y":0},{"x":1365393729,"y":0},{"x":1365682475,"y":0},{"x":1365971221,"y":0},{"x":1366259967,"y":1},{"x":1366548712,"y":1},{"x":1366837458,"y":1},{"x":1367126204,"y":1},{"x":1367414950,"y":1},{"x":1367703696,"y":1},{"x":1367992442,"y":1},{"x":1368281188,"y":1},{"x":1368569934,"y":1},{"x":1368858679,"y":1},{"x":1369147425,"y":1},{"x":1369436171,"y":1},{"x":1369724917,"y":1},{"x":1370013663,"y":1},{"x":1370302409,"y":1},{"x":1370591155,"y":1},{"x":1370879901,"y":1},{"x":1371168647,"y":0} ]
        }
];

var graph = new Rickshaw.Graph( {
    element: document.getElementById("chart"),
    renderer: 'area',
    offset: 'wiggle',
    height: 100,
    width: 500,
    series: data
} );

graph.render();