$(window).on("load",(function(){var t=d3.select("#grouped-bar"),e={top:20,right:20,bottom:30,left:50},a=t.node().getBoundingClientRect().width-e.left-e.right,n=500-e.top-e.bottom,r=d3.scale.ordinal().rangeRoundBands([0,a],.1),l=d3.scale.ordinal().range([0,a]),d=d3.scale.linear().range([n,0]),s=d3.scale.ordinal().range(["#99B898","#C7C29F","#FECEA8","#FEAC94","#FF847C","#F56A6F","#E84A5F"]),o=d3.svg.axis().scale(r).orient("bottom"),i=d3.svg.axis().scale(d).orient("left").tickFormat(d3.format(".2s")),c=t.append("svg"),u=c.attr("width",a+e.left+e.right).attr("height",n+e.top+e.bottom).append("g").attr("transform","translate("+e.left+","+e.top+")");function g(){a=t.node().getBoundingClientRect().width-e.left-e.right,c.attr("width",a+e.left+e.right),u.attr("width",a+e.left+e.right),r.rangeRoundBands([0,a],.1),l.rangeRoundBands([0,r.rangeBand()]),u.selectAll(".d3-xaxis").call(o),u.selectAll(".state").attr("transform",(function(t){return"translate("+r(t.State)+",0)"})),u.selectAll(".d3-bar").attr("width",l.rangeBand()).attr("x",(function(t){return l(t.name)})),u.selectAll(".d3-legend text").attr("x",a-24),u.selectAll(".d3-legend rect").attr("x",a-18)}d3.csv("../../../app-assets/data/d3/bar/grouped-bar.csv",(function(t,e){if(t)throw t;var c=d3.keys(e[0]).filter((function(t){return"State"!==t}));e.forEach((function(t){t.ages=c.map((function(e){return{name:e,value:+t[e]}}))})),r.domain(e.map((function(t){return t.State}))),l.domain(c).rangeRoundBands([0,r.rangeBand()]),d.domain([0,d3.max(e,(function(t){return d3.max(t.ages,(function(t){return t.value}))}))]),u.append("g").attr("class","d3-axis d3-xaxis").attr("transform","translate(0,"+n+")").call(o),u.append("g").attr("class","d3-axis d3-yaxis").call(i).append("text").attr("transform","rotate(-90)").attr("y",6).attr("dy",".71em").style("text-anchor","end").style("fill","#666").style("font-size",12).text("Population"),u.selectAll(".state").data(e).enter().append("g").attr("class","state").attr("transform",(function(t){return"translate("+r(t.State)+",0)"})).selectAll("d3-bar").data((function(t){return t.ages})).enter().append("rect").attr("class","d3-bar").attr("width",l.rangeBand()).attr("x",(function(t){return l(t.name)})).attr("y",(function(t){return d(t.value)})).attr("height",(function(t){return n-d(t.value)})).style("fill",(function(t){return s(t.name)}));var g=u.selectAll(".d3-legend").data(c.slice().reverse()).enter().append("g").attr("class","d3-legend").attr("transform",(function(t,e){return"translate(0,"+20*e+")"}));g.append("rect").attr("x",a-18).attr("width",18).attr("height",18).style("fill",s),g.append("text").attr("x",a-24).attr("y",9).attr("dy",".35em").style("text-anchor","end").text((function(t){return t}))})),$(window).on("resize",g),$(".menu-toggle").on("click",g)}));