D3 Examples - Stacked Area Chart

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>D3 Example</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  </head>
  <body>
    <script>
      var areaColumn = "country";
      var yColumn = "population";
      
      var stack = d3.layout.stack()
        .y(function (d){ return d[yColumn]; })
        .values(function (d){ return d.values; });
​
      function render(data){
​
        var nested = d3.nest()
          .key(function (d){ return d[areaColumn]; })
          .entries(data);
        
        var layers = stack(nested);
​
        d3.select("body").append("pre")
          .text(JSON.stringify(layers, null, 2));
​
      }
​
      function type(d){
        d.year = new Date(d.year);
        d.population = +d.population;
        return d;
      }
​
      d3.csv("populationByCountryByYear.csv", type, render);
​
    </script>
  </body>
</html>
    