evenly distribute points on a circle

forked from tomgp's block: evenly distribute points on a circle

forked from anonymous's block: evenly distribute points on a circle

<html>
<head>jhjh
	<title>Points evenly spaced on a circle</title>
	<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<style type="text/css">
		.guide{
			stroke:#000;
			fill:none;
			stroke-width:5;
			stroke-dasharray:5, 5;
		}

.dot{
			fill:#fff;
			stroke-width:5;
			stroke:#000;
		}

</style>
</head>
<body>

</body>

return c;
	}

var circles = [];

for(var i=1;i<10;i++){
		circles.push( pointsOnCircle( i ) );
		console.log( populateConnections( i ) );
	}

var scale = d3.scale.linear()
		.range([0, size])
		.domain([-1, 1]);

var pointCircle = function(g){
		g.append('circle')
			.attr({
				r:size/2,
				cx:size/2,
				cy:size/2,
				'class':'guide'
			});

g.each(function(data,i){
			d3.select(this).selectAll('.dot').data(data)
				.enter()
					.append('circle')
					.attr({
						'class':'dot',
						r:dotSize,
						cx:function(d){ return scale(d.x) },
						cy:function(d){ return scale(d.y) }
					})
				});
	}

d3.select('body')
		.selectAll('svg').data(circles)
		.enter()
		.append('svg')
			.attr('width', size + margin*2)
			.attr('height', size + margin*2)
			.append('g').attr('transform','translate('+margin+','+margin+')')
			.call(pointCircle)

</script>
</html>

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

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