JSFiddle - React, Tailwind, and code Playground

by ramnathv

JavaScript

var data = [
        { apples: 5, oranges: 10, grapes: 22 },
        { apples: 4, oranges: 12, grapes: 28 },
        { apples: 2, oranges: 19, grapes: 32 },
        { apples: 7, oranges: 23, grapes: 35 },
        { apples: 23, oranges: 17, grapes: 43 }
];

var keep = ["apples", "oranges", "grapes"]

var z = {}
var y = keep.map(function(k){
  var v = data.map(function(d, i){
      return {x: i, y: d[k]}
  })
  return v
})

var stack = d3.layout.stack()
stack(y)
console.dir(y)