Can't access node position in nodeThreeObject about react-force-graph HOT 7 OPEN

@daniel301r the force directed engine only runs its computation (which sets the nodes' coordinates) after the objects are generated. Therefore, the first time the nodeThreeObject method is ran there are still no coordinates assigned.

What you can do is set an async call for the next available frame, and likely you'll have the initial nodes positions by then. Something like:

nodeThreeObject={(node) => {
  setTimeout(() => console.log(node));
  ...
}}

from react-force-graph.

Thanks so much @vasturiano for your quick response.

I am actually trying to get the position of the nodes after the engine has run. Is there a way to do this?

For context, I have a main graph and the users are able to click on a node which will then generate a completely new graph. Depending on which node they click on in the main graph, I would like to be able to focus on different node in the new graph so knowing the final position of the nodes on the new graph would be very helpful.

from react-force-graph.

In that case, why not extract the nodes' coordinates at the time of the click (within onNodeClick)? They should be available by then.

from react-force-graph.

I can't use the coordinates of the node that was clicked on because when the user clicks on a node, it generates a new graph so the previous graph's node positions are not relevant. Is there a way to get the position of the nodes on a graph after the engine has run?

from react-force-graph.

You can get the position of the nodes at any time by looking for the x,y,z attributes in your nodes data structure.

from react-force-graph.

Thanks for the quick response again.

I'm not setting the position of the nodes manually when I create the nodes data structure. Is there a way to access the positions that have been assigned by the engine after it has run? Or am I missing something?

from react-force-graph.

The engine assigns those attributes on the data object for you automatically. In fact, that is the sole way it maintains state of the nodes positions.

from react-force-graph.