Eu tenho um gráfico de layout de força estática do d3.js que pode ficar bastante grande (às vezes partes dele são cortadas), então eu gostaria de deixar o usuário deslocar o gráfico inteiro arrastando. Eu não acho que eu precise arrastar de nós individuais, eu tenho um sentimento que vai ser confuso, mas gostaria de tornar possível mostrar as partes do gráfico que são cortadas pelos limites do svg.

Eu tenho um exemplo mínimo dehttp://bl.ocks.org/3811811 que usa

visF.append("rect")
 .attr("class", "background")
 .attr("width", width)
 .attr("height", height)
 .call(d3.behavior.zoom().on("zoom", redrawVisF));
function redrawVisF () {
  visF.attr("transform","translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")");
}

para implementar o panning, mas eu acho que ele realmente "skittery" e não muito bom em tudo, a ponto de eu acho que vai impedir as pessoas de tentar a função de arrastar em tudo. Alguém tem uma pista porque isso acontece e / ou uma idéia de como consertar isso?