<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
h1
style
=
"text-align: center; color: green;"
>
GeeksforGeeks
</
h1
>
<
center
>
<
canvas
id
=
"gfg"
width
=
"200"
height
=
"200"
>
</
canvas
>
</
center
>
<
script
>
var data = [
{a: 3840, b: 1920, c: 960, d: 400},
{a: 1600, b: 1440, c: 960, d: 400},
{a: 640, b: 960, c: 640, d: 400},
{a: 320, b: 480, c: 640, d: 400}
];
var stackGen = d3.stack()
.keys(["a", "b", "c", "d"])
.order(d3.stackOrderNone)
.offset(d3.stackOffsetNone);
var stack = stackGen(data);
for(var i=0;i<
4
;i++){
console.log(stack[i]);
}
</script>
</
body
>
</
html
>