title: d3.select method not working
body: <p>I am new to datavis and the D3 library and I'm trying to follow the tut here <a href="http://mbostock.github.com/d3/tutorial/bar-1.html">http://mbostock.github.com/d3/tutorial/bar-1.html</a></p>
  
  <p>When I run the code, nothing displays on my webpage, can anyone point out the problem??</p>
  
  <p>I think its something to do with the d3.select method. When I run the code and inspect it, the body is empty, so Im assuming nothing is being created. Any help would be hugely appreciated!!!</p>
  
  <pre><code>&lt;title&gt;3Dtut - 1&lt;/title&gt;
  &lt;script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.4.5"&gt;   &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  var data = [4, 8, 15, 16, 23, 42];  
  
  //container for the bar chart
  var chart = d3.select("body").append("div")
  .attr("class", "chart");
  
  //adding div elements to the bar chart
   chart.selectAll("div")
       .data(data)
       .enter().append("div")
       .style("width", function(d) { return d * 10 + "px"; })
       .text(function(d) { return d; });
  &lt;/script&gt;
  
  
  &lt;STYLE type="text/css"&gt;
  .chart div {
     font: 10px sans-serif;
     background-color: steelblue;
     text-align: right;
     padding: 3px;
     margin: 1px;
     color: white;
   }
   &lt;/STYLE&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>