JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.8/d3.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.js"></script>
<div id="chart">
  <svg></svg>
</div>

CSS

#chart svg {
  height: 400px;
}

JavaScript

nv.addGraph(function() {
  var chart = nv.models.multiBarChart()
    //.groupSpacing(0.5)
    .reduceXTicks(false);

  chart.xAxis
    .tickFormat(d3.format(',f'));

  chart.yAxis
    .tickFormat(d3.format(',.1f'));

  d3.select('#chart svg')
    .datum(data())
    .transition().duration(500)
    .call(chart);


// TODO : Find a dynamic way to find translate(X,Y)
//d3.select(".nv-barsWrap").attr('transform', 'translate(0,0)');

  nv.utils.windowResize(chart.update);

  return chart;
});

/* Data generation */
function data() {
  return stream_waves(3, 5 + Math.random() * 5, .1).map(function(data, i) {
    return {
      key: 'Stream' + i,
      values: data
    };
  });
}

/* Layer generator using gamma distributions. */
function stream_waves(n, m) {
  return d3.range(n).map(function(i) {
    return d3.range(m).map(function(j) {
      var x = 20 * j / m - i / 3;
      return 2 * x * Math.exp(-.5 * x);
    }).map(stream_index);
  });
}

function stream_index(d, i) {
  return {
    x: i,
    y: Math.max(0, d)
  };
}