I want to show 8 men and 2 women in SVG format. However, my current function only displays one man and woman. How can I add a loop to make this work for all individuals?
for (i = 0; i < Serie[n].Number; i++) {
return xml.documentElement
}
The data array I am working with is as follows:
Serie[{Genre:"Man", Number:"8"},{Genre:"Woman", Number:"2"}]
This is my existing function:
var PictoContainer = d3.select("html").select("#container2")
for (n = 0; n < Serie.length; n++) {
d3.xml("svg/"+ Serie[n].Genre +".svg","image/svg+xml", function(xml) {
PictoContainer
.append("table")
.append("tr")
.append("td")
.append(function(d) {
return xml.documentElement
})
d3.selectAll("svg")
.attr("opacity", 0.6)
.attr("width", 23)
.attr("height", 50)
})
}