ott-vis-panel: lots of jittering when refreshing data, even if the data doesn't change

[dyc3]

Current Behavior

No response

Expected Behavior

resizing the panel nor refreshing the dashboard should cause the visualization to jitter

Steps To Reproduce

1. open grafana
2. see our 2 custom panels
3. resize them
4. see that the visualization constantly gets rerendered.

Environment

• This happens on the official site, opentogethertube.com
• This happens using a self-hosted version.
• I'm using the docker image.

Anything else?

This is caused by react rerendering, causing the useEffect to run, which resets the entire d3 state

[dyc3]

I've figured out exactly why this effect occurs.

• When the component rerenders, its fed new values for nodes and links
• When this happens, all the nodes are reset to coordinates (0, 0)
• The forceManyBodies() causes all nodes to accelerate away from each other at high velocities
• The nodes settle back to equilibrium.

[dyc3]

This is fully fixed with TreeDisplay