Why does removing off-screen SVG nodes from the DOM make pan/zoom smooth, while hiding them doesn't?
I've been fighting massive pan/zoom lag on a massive interactive SVG diagram tool I'm building. With thousands of nodes, the frame rate was totally unplayable.
After digging through npm, I found this tiny library called "@vkcha/svg-core-react". It acts as a lightweight SVG engine that automatically mounts and unmounts nodes based on viewport visibility. Dropped it into my project and pan/zoom instantly became buttery smooth.