time lapse of circles

Time lapse. Data is totally without meaning. There's not even a y axis. A basic template, needs to be cleaned up a bit.

<!DOCTYPE html>
<head>
	<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400' rel='stylesheet' type='text/css'>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<?xml version="1.0" encoding="UTF-8" standalone="no"?>

.datemark.label {
	font-size: 18px;
	font-weight: 400;
}

.yearlabel {
	font: 8px;
	fill-opacity: 1;
	color: #000;
}

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

.x.axis .domain {
	fill: none;
	stroke: #888;
	stroke-width: 8px;
	stroke-linecap: round;
}

.axis .yearmark {
	stroke-width: 6px;
	stroke-linecap: round;
}

.datemark {
	color: rgb(0,0,0);
	stroke-opacity: 1;
}

.datemark.outer {
	stroke-width: 7px;
	stroke: #000;
	stroke-linecap: round;
}

.datemark.inner {
	stroke-width: 5px;
	stroke: #fff;
	stroke-linecap: round;
}

.datemark.center {
	stroke-width: 1px;
	stroke: #000;
}

.preload {
	fill-opacity: .000001;
	stroke-opacity: .000001;
}

.datemark.labelbox {
	stroke-width: 0 ;
	fill: rgba(0,0,0,0.8);
}

#map{
	width:100%;
	height:900px;
}

#points{
	width:600px;
	height:600px;
}

.dot{
	fill: #ffffff;
}

</style>
</head>

</body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://d3js.org/d3.geo.tile.v0.min.js to a secure url

Modified http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js to a secure url

https://d3js.org/d3.v3.min.js

https://d3js.org/d3.geo.tile.v0.min.js

https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js