Tenho um exemplo D3 muito simples que primeiro lê os dados em uma matriz associativa e depois os exibe em um gráfico de barra

Parece que não consigo exibir nada usando esse método. Em vez disso, tenho que inserir uma tarefa no meio: leia os dados em uma matriz associativa, copie esses dados em uma matriz simples e exiba o gráfico de barras usando a matriz simple

chart.selectAll("div")
     .data(genreAssociative)
     .enter().append("div")
     .style("width", function(d) { return d * 10 + "px"; })
     .text(function(d) { return d; });

O acima não funciona.

genreSimple = [];
for (var genre in genreAssociative) genreSimple.push(genreAssociative[genre]);         
chart.selectAll("div")
     .data(genreSimple)
     .enter().append("div")
     .style("width", function(d) { return d * 10 + "px"; })
     .text(function(d) { return d; });

O acima faz; usando uma matriz simples como intermediário. Existe uma maneira especial de iterar sobre uma matriz associativa em vez de uma matriz padrão?