After enhancing the d3.js bubble example with zoom and pan functions, my next goal is to enable users to select a bubble on both desktops and touch-screens. It appears that using dblclick and touchstart events might be the way to go.
Although I have found that cancelling an event from .zoom in d3 works, it ultimately disables the function and renders it ineffective.
.call(d3.behavior.zoom().on("zoom", zoom)).on("dblclick", null);
Check out the link for reference: http://bl.ocks.org/4163494
While my current implementation somewhat achieves the desired result, it's worth noting that the initial zoom doesn't occur with a dblclick - only revealing itself after triggering another zoom event. I'm eager to find the correct approach to resolve this issue.