Translating node group inside of the svg causes huge performance hit in Chrome

multinet-app / multilink

A node-link visualization built to work with the multinet ecosystem.

https://multinet.app

Apache License 2.0

4 stars 2 forks source link

Translating node group inside of the svg causes huge performance hit in Chrome #200

Open JackWilb opened 3 years ago

JackWilb commented 3 years ago

Moving the g that deals with the nodes using :transform="`translate(${node.x}, ${node.y})`"causes a large performance hit in the "calculating styles" section of chrome rendering.

Setting the value to something static or even another static variable on the node fixes the performance issue, but breaks the reactivity of the visualization.

waxlamp commented 3 years ago

Tagging @AlmightyYakob, in case you have any thoughts on this.