[Javascript] Aggiungere div dinamicamente (D3)

[rosencrruetz]

Buongiorno, apro una nuova discussione perchè nella precedente ho dimenticato il titolo
Premesso che quello che posto è il mio terzo script in js, avrei bisogno di inserire dinamicamente una serie di div, in questo caso 5 ma in futuro saranno frutto di una select da un db.
Il codice dovrebbe inserire un div per ogni risultato della query, inserirci il testo contenuto nel record e poi disegnare di fianco qualcosa, un cerchio in questo caso.
Ho usato la libreria D3.
Grazie per l'aiuto.

<script>
var num=5;
var data[0,1,2,3,4];
for (var i=0;i<num;i++)
{
var container = d3.select("#data_list_collapsible1").append("div").attr("id","#bolla_num");
}
container.selectAll("#bolla_num")                                
.data(data)
.enter()
.append("text");                
var sampleSVG = d3.select("#bolla_num")
.append("svg")
.attr("width", 30)
.attr("height", 30)
.attr("align", "right");
var circles=sampleSVG.append("circle")
.style("stroke", "gray")
.style("fill", "red")
.attr("cx", 15)
.attr("cy", 15)
.attr("r", 5);
</script>