var stackedData = d3.stack().keys(subgroups)(data)

  var select = svg.selectAll(".rect").data(stackedData);
  var enter =  select.enter().append("g").attr("fill", function(d) { return color(d.key); })

  var select2 = enter.selectAll(".rect").data(function(d) { return d; })
  var enter2 = select2.enter().append("rect")
      .attr("y", function(d) { return height; })
      .attr("x", function(d) { return x(d.data.date); })
      .attr("width",x.bandwidth())
      .attr("height", function(d) { return 0; })
      .merge(select).transition().duration(1000)
      .attr("height", function(d) { return y(d[0]) - y(d[1]); })
      .attr("y", function(d) { return y(d[1]); })

  select.exit().transition().duration(transition_duration).style("opacity", 0.0).attr("height", 0).remove()