D3 drag behavior example

ドラッグに追従するサークル群

<!DOCTYPE html>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>D3 drag behavior example</title>
<style>
html, body, svg {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
</style>

<body>
<button id="reset">reset</button>
<svg></svg>    
	
	
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script>
var svg = d3.select('svg');

var dataSet = d3.range(100);

var wRange = 960;
var hRange = 500;

d3.select("#reset").on('click', function(){
	circle.transition()
		.attr({
		'cx':function(){ return Math.floor(Math.random() * wRange )},
		'cy':function(){ return Math.floor(Math.random() * hRange )}		
	})
})

</script>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js