How to update one specific node or edge? about react-force-graph HOT 5 CLOSED

@bt2414 normally you want the force engine to reheat when changing data so that it adjusts spatially to the new topology. If you wish to bypass that, just set cooldownTicks={0} when updating the data to prevent the engine from reheating.

from react-force-graph.

@bt2414 you can simply update the value of the nodeColor accessor prop to follow the logic that you wish. For example:

<ForceGraph3D
  graphData={...}
  nodeColor={ node => node.id === 'node1' ? 'red' : 'blue' }
/>

Also if you want the highlighting node to change dynamically, you can just tie it to a state attr (f.e. state.nodeToHighlight):
nodeColor={ node => node.id === this.state.nodeToHighlight ? 'red' : 'blue' }

from react-force-graph.

@vasturiano Thanks so much.
I am just wondering if we can have a way to directly change to the whole graph instance after initializing the ForceGraph3D?
For example, if I want to add one edge from node1 to node2, how can I achieve that?

from react-force-graph.

@qianlongwuyong2018 you can just change your graphData prop to reflect the changes you want, like dynamically adding/removing nodes/links. Here's an example:
https://vasturiano.github.io/react-force-graph/example/dynamic/

from react-force-graph.

@vasturiano Thanks for your reply. If I am using the dynamic graph method to do the update, I think the layout of the graph will be changed. Could you provide a way we can change the graph without changing the layout?

from react-force-graph.