Hello, Great job for VivaGraphJS. I know that can be fixed the posit

First, you can declare which nodes to fix in your node data. <div class="highlight

Sure! Just use <a href="https://github.com/anvaka/VivaGraphJS/blob/master/src/Layout/f

Fixing the position of some nodes, not all. about vivagraphjs HOT 4 CLOSED

anvaka commented on July 28, 2024

Fixing the position of some nodes, not all.

from vivagraphjs.

Comments (4)

arikan commented on July 28, 2024

First, you can declare which nodes to fix in your node data.

var graph = Viva.Graph.graph();

graph.addNode('anvaka', ['anvaka', '91bad8ceeec43ae303790f8fe238164b', false]);
graph.addNode('indexzero', ['indexzero', 'd43e8ea63b61e7669ded5b9d3c2e980f', false]);
graph.addNode('arikan', ['arikan','099ea30c960be231cb236eaad86d6428', true]);

// make sure you have the layout object.
var layout = Viva.Graph.Layout.forceDirected(graph);

We want to set custom node placement callback for layout, but this part does not seem to work with forceDirected layout object?

layout.placeNode(function(node) {
   if (node.data[2] == true){  
        return {x : 0, y: 0}; // fix in the center
   }
});
var renderer = Viva.Graph.View.renderer(graph, {
         layout : layout  // use the custom layout
});
renderer.run();

Maybe the VivaGraphJS API has something on setting a certain node's x y position while using forceDirected layout, couldn't find yet?

from vivagraphjs.

arikan commented on July 28, 2024

Any idea how to fix a certain node's x y position while using forceDirected layout?

from vivagraphjs.

anvaka commented on July 28, 2024

Sure! Just use isPinned property of node object:

E.g.

var arikan = graph.addNode('arikan', ['arikan','099ea30c960be231cb236eaad86d6428', true]);
arikan.isPinned = true; // Now this node will not be moved by the layout algorithm.

Alternatively, when your node data is an object (not an array) you can also declare isPinned property there. E.g.

var user = {
  id: 'arikan',
  hash: '099ea30c960be231cb236eaad86d6428',
  isPinned: true // the node is now pinned and will not be moved
}
graph.addNode(user.id, user);