My d3 script not kicking in

JavaScript
1

Thought i’d try to learn something new this weekend so was following up on a d3 intro course.
this is my html


<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8 />
  <title>d3workups</title>
  <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="js/d3.min.js"></script>
<script src="damit.js"></script>
</head>
<body>

	<div id="ctr" class="ctr">
		<h2>D3 Graphics</h2>
		 <div id="chart" class="chart">
			<div class="item">this</div>
			<div class="item">that</div>
			<div class="item">there</div>
			<div class="item">whatever</div>
			<div class="item">where</div>
		
		</div>
	</div>
</body>
</html>&#8203;&#8203;&#8203;

and this my js


d3.select(".item").text("select")
d3.select("body").style("background-color", "black")

Should be super simple. in my js folder i have the d3.min.js & i have the damit.js w/my two lines of code.
I have checked all the linking to the various folders i could not find an error (localhost so far btw). am i missing something else incredibly obvious?

I also tried to use <script src=“http://d3js.org/d3.v3.min.js” charset=“utf-8”></script>
thx
D

2

& when i place this in the .php page w/the html it works.

 <script>
d3.select("body").style("background-color", "black")
d3.selectAll(".item").text("select")
 </script>

it would seem to indicate something is not linking but i can’t see what.

3

Are you trying to have JavaScript work with the DOM before the DOM has loaded?

4

Awesome! Dead on that fixed the issue.
Thank you i was slowly coming unglued.