title: Draw circles using D3
body: <p>The following code is supoosed to draw five circles next to each other</p>
  
  <p></p>
  
  <pre><code>&lt;head&gt;
  &lt;script type='text/javascript' src='jquery-2.0.3.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='knockout-2.3.0.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='knockout-2.3.0.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='knockout-2.3.0.js'&gt;&lt;/script&gt;
  &lt;script src="bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Bootstrap --&gt;
  &lt;link href="bootstrap.min.css" rel="stylesheet" media="screen"&gt;
  &lt;link href="sticky-footer.css" rel="stylesheet"&gt;
  &lt;script src="http://d3js.org/d3.v3.min.js" charset="utf-8"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="viz"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      var dataset = [],
      i = 0;
  
      for(i=0; i&lt;5; i++){
          dataset.push(Math.round(Math.random()*100));
      }        
  
      var sampleSVG = d3.select("#viz")
          .append("svg")
          .attr("width", 400)
          .attr("height", 400);    
  
      sampleSVG.selectAll("circle")
          .data(dataset)
          .enter().append("circle")
          .style("stroke", "gray")
          .style("fill", "black")
          .attr("height", 40)
          .attr("width", 75)
          .attr("x", 50)
          .attr("y", 20);
  
    &lt;/script&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>It is not really my code I just copied it from this website
  <a href="http://christopheviau.com/d3_tutorial/" rel="noreferrer">http://christopheviau.com/d3_tutorial/</a></p>
  
  <p>The problem is that this code does not draw any circle.
  Although that when I try to use the chrome's tool inspect element, I find that the circles are there but they are not visible.</p>
  
  <p>I thought that the reason is the white colour of the circles although the stroke is not.
  However changing the colour was not really useful.</p>
  
  <p>And the problem is that Dreamweaver is not really helping as it does for HTML or JavaScript for example.</p>
  
  <p>Any suggestions for the solution of this issue, or any recommendation for the editor ?</p>