function timeSeriesStackedChart() {
  var margin = {top: 20, right: 20, bottom: 20, left: 20},
      width = 760,
      height = 120,
      color = d3.scale.category20(),
      xScale = d3.time.scale(),
      yScale = d3.scale.linear(),
      xAxis = d3.svg.axis().scale(xScale).orient("bottom").tickSize(6, 0),
			yAxis = d3.svg.axis().scale(yScale).orient("left"),
      area = d3.svg.area()
            .interpolate('step')
    				.x(function(d) { return xScale(d.dt); })
    				.y0(function(d) { return yScale(d.y0); })
    				.y1(function(d) { return yScale(d.y0 + d.y); }),
      stack = d3.layout.stack()
          .values(function(d) { return d.values; })
          .x(function(d) { return d.dt; });

  function chart(selection) {
    
    selection.each(function(data) {
			
      // stacked data keys
      var names = d3.keys(data[0]).filter(function(key) { return key !== "dt" && key !== "total"; });
      
      // set color domain
      color.domain(names);
      
      var layers = stack(names.map(function(name) {
            return {
                  name: name,
                  values: data.map(function(d) {return {dt: d.dt, y: d[name]};})
            };
      }));
      
            // Update the x-scale.
      xScale
          .domain(d3.extent(data, function(d) { return d.dt; }))
          .range([0, width - margin.left - margin.right]);

      // Update the y-scale.
      yScale
          .domain([0, d3.max(data, function(d) { return d.total;})])
          .range([height - margin.top - margin.bottom, 0]);

      // Select the svg element, if it exists.
      var svg = d3.select(this).selectAll("svg").data([data]);

      // Otherwise, create the skeletal chart.
      var gEnter = svg.enter().append("svg").append("g");
      gEnter.append("g").attr("class", "x axis");
			gEnter.append("g").attr("class", "y axis");

      var layer = gEnter.selectAll(".layer")
          .data(layers)
        .enter().append("g")
          .attr("class", "layer");
      
      // updata areas
      layer.append("path")
      	.attr("class", "area")
      	.attr("d", function(d) { return area(d.values); })
      	.style("fill", function(d) { return color(d.name); });
      
      // Update the outer dimensions.
      svg .attr("width", width)
          .attr("height", height);

      // Update the inner dimensions.
      var g = svg.select("g")
          .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
      
      // Update the x-axis.
      g.select(".x.axis")
          .attr("transform", "translate(0," + yScale.range()[0] + ")")
          .call(xAxis);
      
      // Update the y-axis.
      g.select(".y.axis")
          .call(yAxis);
    });
  }

  chart.margin = function(_) {
    if (!arguments.length) return margin;
    margin = _;
    return chart;
  };

  chart.width = function(_) {
    if (!arguments.length) return width;
    width = _;
    return chart;
  };

  chart.height = function(_) {
    if (!arguments.length) return height;
    height = _;
    return chart;
  };

  chart.color = function(_) {
    if (!arguments.length) return color;
    color = _;
    return chart;
  };
  
  return chart;
}