Center on a specific node during simulation?

[awaterho]

Hi there,
I feel this is possible with the API as it stands today, though maybe i am missing something. We have a small network centered on a central point, which of course drifts around during the simulation.
Is there a way to "fix" the view on the central node? I feel like trackNodeById should do this, but it does not seem to work for me?

[Stukova]

Hi @awaterho!

The name of the trackNodesByIds method sounds a bit confusing, it has nothing to do with centring the camera on a Node. We've renamed it to trackNodePositionsByIds for clarity.

To centre the camera on a Node, try using the zoomToNodeById method together with the onTick callback:

simulation: {
  onTick: () => {
    graph.zoomToNodeById(nodeIdToCenter, 0, graph.getZoomLevel())
  }
}

Please check the example on Codesandbox with a demonstration. Let as know if you need any more help.

[awaterho]

Hi, yes, that's a great solution that works out of the box for our application, thanks for the help!