Estoy usando la versión 7.3.0 de d3 y he basado mi código en este ejemplo . Mi problema es que cuando acerco (o alejo) el diseño de los círculos se rompe y se vuelve

mientras que inicialmente era así

El código que implementa el zoom es

 const zoomed = d3.zoom() .scaleExtent([0, 3]) .on('zoom', event => { graph.selectAll('g').attr('transform', event.transform); });

He notado que si agrego la siguiente línea de código, evita que se rompa.

 const zoomed = d3.zoom() .scaleExtent([0, 3]) .on('zoom', event => { graph.selectAll('g').attr('transform', event.transform); // This line prevents zoom from breaking simulation.restart(); });

Pero la desventaja es que se vuelve notablemente más lento. ¿Hay una manera más eficiente de evitar que se rompa así?

Cualquier ayuda sería apreciada. Gracias