Graph.Op.js

removeNode: function( node, opt )

Removes one or more Graph.Nodes from the visualization.  It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting.

Parameters

• type Type of the animation.  Can be “nothing”, “replot”, “fade:seq”, “fade:con” or “iter”.  Default’s “nothing”.
• duration Duration of the animation in milliseconds.  Default’s 2000.
• fps Frames per second for the animation.  Default’s 30.
• hideLabels Hide labels during the animation.  Default’s true.
• transition Transitions defined in the Animation class.  Default’s the default transition option of the RGraph, Hypertree or ST instance created.

Example

var rg = new RGraph(canvas, config); //could be new ST or new Hypertree also.
rg.op.removeNode('nodeid', {
  type: 'fade:seq',
  duration: 1000,
  hideLabels: false,
  transition: Trans.Quart.easeOut
});
//or also
rg.op.removeNode(['someid', 'otherid'], {
  type: 'fade:con',
  duration: 1500
});

removeEdge: function( vertex, opt )

Removes one or more edges from the visualization.  It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting.

Parameters

• type Type of the animation.  Can be “nothing”, “replot”, “fade:seq”, “fade:con” or “iter”.  Default’s “nothing”.
• duration Duration of the animation in milliseconds.  Default’s 2000.
• fps Frames per second for the animation.  Default’s 30.
• hideLabels Hide labels during the animation.  Default’s true.
• transition Transitions defined in the Animation class.  Default’s the default transition option of the RGraph, Hypertree or ST instance created.

Example

var rg = new RGraph(canvas, config); //could be new ST or new Hypertree also.
rg.op.removeEdge(['nodeid', 'otherid'], {
  type: 'fade:seq',
  duration: 1000,
  hideLabels: false,
  transition: Trans.Quart.easeOut
});
//or also
rg.op.removeEdge([['someid', 'otherid'], ['id3', 'id4']], {
  type: 'fade:con',
  duration: 1500
});

sum: function( json, opt )

Adds a new graph to the visualization.

The json graph (or tree) must at least have a common node with the current graph plotted by the visualization.

The resulting graph can be defined as follows http://mathworld.wolfram.com/GraphSum.html

Parameters

• type Type of the animation.  Can be “nothing”, “replot”, “fade:seq” or “fade:con”.  Default’s “nothing”.
• duration Duration of the animation in milliseconds.  Default’s 2000.
• fps Frames per second for the animation.  Default’s 30.
• hideLabels Hide labels during the animation.  Default’s true.
• transition Transitions defined in the Animation class.  Default’s the default transition option of the RGraph, Hypertree or ST instance created.

Example

//json contains a tree or graph structure.

var rg = new RGraph(canvas, config); //could be new ST or new Hypertree also.
rg.op.sum(json, {
  type: 'fade:seq',
  duration: 1000,
  hideLabels: false,
  transition: Trans.Quart.easeOut
});
//or also
rg.op.sum(json, {
  type: 'fade:con',
  duration: 1500
});

morph: function( json, opt )

This method will morph the current visualized graph into the new json representation passed in the method.

Can also perform multiple animations.  The json object must at least have the root node in common with the current visualized graph.

Parameters

• type Type of the animation.  Can be “nothing”, “replot”, or “fade”.  Default’s “nothing”.
• duration Duration of the animation in milliseconds.  Default’s 2000.
• fps Frames per second for the animation.  Default’s 30.
• hideLabels Hide labels during the animation.  Default’s true.
• transition Transitions defined in the Animation class.  Default’s the default transition option of the RGraph, Hypertree or ST instance created.

Example

//json contains a tree or graph structure.

var rg = new RGraph(canvas, config); //could be new ST or new Hypertree also.
rg.op.morph(json, {
  type: 'fade',
  duration: 1000,
  hideLabels: false,
  transition: Trans.Quart.easeOut
});
//or also
rg.op.morph(json, {
  type: 'fade',
  duration: 1500
});