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>

<style>

</style>

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

<button id="add">Add Line</button>

CSS

div, span, p, td {
    font-family: Arial, sans-serif;
}
#chart {
    display: inline-block;
}
#legend {
    display: inline-block;
    position: relative;
    left: 8px;
}
#legend_container {
    position: absolute;
    right: 0;
    bottom: 26px;
    width: 0;
}
#chart_container {
    float: left;
    position: relative;
}
#chart {
    position: relative;
    left: 40px;
}
#y_axis {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
}

JavaScript

// instantiate our graph!

var data =...