D3 Examples - D3 Stack Layout

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 yColumn = "population";
     
      function render(data){
​
        var stack = d3.layout.stack()
          .y(function (d){
            return d[yColumn];
          })
          .values(function (d){
            return [d];
          });
​
        var stacked = stack(data);
​
        d3.select("body").append("pre")
          .text(JSON.stringify(stacked, null, 2));
      }
​
      function type(d){
        d.population = +d.population;
        return d;
      }
​
      d3.csv("religionWorldTotals.csv", type, render);
​
    </script>
  </body>
</html>
​
    