D3 -как работать со структурами данных JSON?

Я новичок в D3 и уже потратил несколько часов, чтобы узнать что-нибудь о работе со структурированными данными, но безрезультатно. Я хочу создать гистограмму, используя структуру данных ниже. Бары рисуются (горизонтально), но только для пользователя "jim".

var data = [{"user":"jim","scores":[40,20,30,24,18,40]},
            {"user":"ray","scores":[24,20,30,41,12,34]}];

var chart = d3.select("div#charts").append("svg")                                   
             .data(data)
             .attr("class","chart")
             .attr("width",800)
             .attr("height",350);

chart.selectAll("rect")    
   .data(function(d){return d3.values(d.scores);})    
   .enter().append("rect")
   .attr("y", function(d,i){return i * 20;})
   .attr("width",function(d){return d;})
   .attr("height", 20);

Кто-нибудь может указать, что я сделал не так?