4 ms·
> in web browsers the number of DOM nodes end up being the limiting factor Yup. Each node comes with a significant amount of overhead. If every lineto command
by 1wheel 12y ago
> in web browsers the number of DOM nodes end up being the limiting factor
Yup. Each node comes with a significant amount of overhead. If every lineto command required a separate node, this map[1] would go from requiring a manageable ~3000 nodes to a laggy ~40000.
I ran into this while working on a population map[2]. To draw paths with variable stroke, I initially tried creating a path element for segments of different strokes. This was too slow to animate or even render without freezing the browser, so I ended drawing the path left to right then right to left, making the height offset smaller and larger to simulate a stroke.
[1]http://bl.ocks.org/mbostock/5925375/ http://bl.ocks.org/mbostock/5925375/
[2]http://roadtolarissa.com/population-division/ http://roadtolarissa.com/population-division/