mouseup.js

var node = svg.selectAll('circle.node')
  .data(nodes)
  .enter().append('svg:circle')
    .attr('class', 'node')
    .attr('cx', function(d) { return d.x; })
    .attr('cy', function(d) { return d.y; })
    .attr('r', 8)
    .style('fill', function(d, i) { return fill(i & 3); })
    .style('stroke', function(d, i) { return d3.rgb(fill(i & 3)).darker(2); })
    .style('stroke-width', 1.5)
    .on('mousedown', function() {
      console.log('starting layout');
      force.resume();
    })
    .on('mouseup', function() {
      console.log('stopping layout');
      force.stop();
    })
    .call(force.drag);