javascript - Should I use transform instead of redraw? -
i have several charts redraw everytime zoom/pann using d3 brushes.
but, when have tons of rendered elements, redrawing starts little bit slow.
instead of redrawing elements everytime move brush, wondering whether or not it's feasible transform (translate) drawn elements, , redraw whenever need update data.
i think increase visualization performance lot whenever panning right/left, wouldn't ?
any insights ?
in general, less touch dom better performance be. details browser , platform specific, in general pecking order of performance @ high level (ordered expensive least):
- creating , removing dom elements.
- modifying properties of existing dom elements.
- in memory javascript (that is, not involving dom @ all... e.g. array iteration).
so if can result want modifying targeted subset of existing elements transform attribute, guess better off.
of course, it's impossible certainty without seeing actual code , use case.
Comments
Post a Comment