Stacked - Stealing Enjalot's code from a year ago

_.md

[ Launch: Stealing Enjalot's code from a year ago ] 4759178 by gelicia
[ Launch: Stealing Enjalot's code from a year ago ] 4756902 by gelicia

config.json

{"description":"Stacked - Stealing Enjalot's code from a year ago","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

inlet.js

/* Originally from https://gist.github.com/enjalot/1320232 */

var data = [
{"key":"FL", "popT":10000, "pop1":3000, "pop2":2000, "pop3":5000},
{"key":"CA", "popT":20000, "pop1":2000, "pop2":16000, "pop3":2000},
{"key":"NY", "popT":30000, "pop1":12000, "pop2":5000, "pop3":13000},
{"key":"NC", "popT":40000, "pop1":8000, "pop2":21000, "pop3":11000},
{"key":"SC", "popT":50000, "pop1":30000, "pop2":12000, "pop3":8000},
{"key":"AZ", "popT":60000, "pop1":31000, "pop2":1000, "pop3":28000},
{"key":"TX", "popT":70000, "pop1":8000, "pop2":42000, "pop3":20000}
];

 var svg = d3.select("svg")
//.attr("width", "1000")
//.attr("height", "700")
.attr("width", "500")
.attr("height", "350")
.attr("viewBox", "0 0 1000 700")
.attr("preserveAspectRatio", "xMinYMin meet");
 
 var xp= 214;
 var yp = 195;
  var w = 800;
  var h = 468;
 
x = d3.scale.ordinal()
.domain(d3.range(data.length))
.rangeBands([ 0, w ], .2)
 
var data_max = d3.max(data, function(d)
{return d.popT
});
 
y = d3.scale.linear()
.domain([ 0, data_max ])
.range([ 0, h ])
 
svg.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr("fill", '#000000')
.attr("fill-opacity", .6)
.attr("x", function(d,i) { return x(i) + xp})
.attr("y", function(d,i) { return (h - y(d.popT)) + yp })
.attr("width", function(d,i) { return x.rangeBand() })
.attr("height", function(d,i) { return y(d.popT) })
.on("mouseover", function(d, i)
{
d3.select(this)
.attr("fill-opacity", 1);
})
.on("mouseout", function(d, i)
{
d3.select(this)
.attr("fill-opacity", .6);
});

svg.selectAll("text")
.data(data)
.enter()
.append("text")
.text(function (d) { return d.key;})
.attr({
  x: function(d,i) { return x(i) + xp + 25},
  y: function(d,i) { return (h) + yp + 15 }
})