Я новичок в 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);
Может ли кто-нибудь указать, что я сделал неправильно?