Update 6/4/14 See also Mike Bostock’s answer here for changes in D3 v.3 and the related example. I think this probably supersedes the answer below. Update 2/18/2014 I think @ahaarnos’s answer is preferable if you want the entire SVG to pan and zoom. The nested g elements in my answer below are really only necessary … Read more
After many long hours of being unable to get this working, I finally stumbled across a demo that I don’t think is linked any of the documentation: http://bl.ocks.org/1095795: This demo contained the keys which finally helped me crack the problem. Adding multiple objects on an enter() can be done by assigning the enter() to a … Read more
Your answer will work, but for posterity, these methods are more generic. Remove all children from HTML: d3.select(“div.parent”).html(“”); Remove all children from SVG/HTML: d3.select(“g.parent”).selectAll(“*”).remove(); The .html(“”) call works with my SVG, but it might be a side effect of using innerSVG.