Buon pomeriggio a tutti.
Sono assolutamente un principiante in javascript, non riesco a far girare un codice che passato un array mi crei tanti div quanti sono gli elementi dell'array, scriva il numero contenuto nell'elemento e crei sempre all'interno del div un cerchio. Ho scritto questo ma non va:

codice:
                        <script>
                            var num=5;
                            var data[0,1,2,3,4];
                            for (var i=0;i<num;i++)
                            {
                                console.log(data);                        
                                var container = d3.select("#data_list_collapsible1").append("div").attr("id","#bolla_num");             id="container"
                                var data_text_selection = container
                                .selectAll("text");                                
                                var data_text_elements = data_text_selection
                                .data(data)
                                .enter()
                                .append("text");        
                                data_text_elements
                                .text(function(content){return content})
                                .append("br");            
                                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>
Spero mi aiutate, grazie