a-lexwein/index.html

## index.html
<!DOCTYPE html>
<html>
<meta charset="utf-8">

<!-- Example based on http://bl.ocks.org/mbostock/3887118 -->
<!-- Tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html -->

<style>
body {
  font: 11px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.dot {
  stroke: #000;
}

.tooltip {
  position: absolute;
  width: 200px;
  height: 28px;
  pointer-events: none;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>

<script>
var rectDemo = d3.select("#rect-demo").
  append("svg:svg").
  attr("width", 400).
  attr("height", 300);

rectDemo.append("svg:rect").
  attr("x", 100).
  attr("y", 100).
  attr("height", 100).
  attr("width", 200);


</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<meta charset="utf-8">

	<!-- Example based on http://bl.ocks.org/mbostock/3887118 -->
	<!-- Tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html -->

	<style>
	body {
	font: 11px sans-serif;
	}

	.axis path,
	.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
	}

	.dot {
	stroke: #000;
	}

	.tooltip {
	position: absolute;
	width: 200px;
	height: 28px;
	pointer-events: none;
	}
	</style>
	<body>
	<script src="http://d3js.org/d3.v3.min.js"></script>

	<script>
	var rectDemo = d3.select("#rect-demo").
	append("svg:svg").
	attr("width", 400).
	attr("height", 300);

	rectDemo.append("svg:rect").
	attr("x", 100).
	attr("y", 100).
	attr("height", 100).
	attr("width", 200);


	</script>
	</body>
	</html>