var colorScale=d3.scale.category10();

var canvas9 = d3.select(".result-side9")
.append("svg")
.attr("width", 600)
.attr("height", 600)
.attr("transform","translate(10,10)");

d3.json("assemblee5.json", function (data) {
    var treemap = d3.layout.treemap()
        .size(550,550)
        .nodes(data);

    var cells= canvas9.selectAll(".cell")
        .data(treemap)
        .enter()
            .append("g")
            .attr("class", "cell");

    cells.append("rect")
        .attr("x", function (d){return d.x; })
        .attr("y", function (d,i){return d.y; })
        .attr("width", function (d,i){return d.dx; })
        .attr("height", function (d,i){return d.dy; })
        .attr("fill", function (d,i){return d.children ? null : colorScale(d.parent.name); })
        .attr("stroke", "white");

    cells.append("text")
        .attr("x", function (d,i){return d.x + d.dx/2; })
        .attr("y", function (d,i){return d.y + d.dy/2; })
        .text(function (d){return d.children ? "" : d.name;})
        .attr("text-anchor", "middle");
});

d3.hierarchy(data)