Personal blog written from scratch using Node.js, Bootstrap, and MySQL. https://jrtechs.net
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
jrtechs 2b6228fe59 Added the steam graph project website in this repo. 6 years ago
..
README.md Added the steam graph project website in this repo. 6 years ago
sigma.layout.noverlap.js Added the steam graph project website in this repo. 6 years ago

README.md

sigma.layout.noverlap

Plugin developed by Andrew Pitts and published under the MIT license. Original algorithm by Mathieu Jacomy and ported to sigma.js with permission.


This plugin runs an algorithm which distributes nodes in the network, ensuring that they do not overlap and providing a margin where specified.

Methods

configure

Changes the layout's configuration.

var listener = s.configNoverlap(config);

start

Starts the layout. It is possible to pass a configuration if this is the first time you start the layout.

s.startNoverlap();

isRunning

Returns whether the layout is running.

s.isNoverlapRunning();

Configuration

  • nodes: array: the subset of nodes to apply the layout.

Algorithm configuration

  • nodeMargin: number 5.0: The additional minimum space to apply around each and every node.
  • scaleNodes: number 1.2: A multiplier to apply to nodes such that larger nodes will have more space around them if this multiplier is greater than zero.
  • gridSize: integer 20: The number of rows and columns to use when dividing the nodes up into cells which the algorithm is applied to. Use more rows and columns for larger graphs for a more efficient algorithm.
  • permittedExpansion number 1.1: At every step, this is the maximum ratio to apply to the bounding box, i.e. the maximum by which the network is permitted to expand.
  • rendererIndex integer 0: The index of the renderer to use to compute overlap and collisions of the nodes.
  • speed number 2: A larger value increases the speed with which the algorithm will convergence at the cost of precision.
  • maxIterations number 500: The maximum number of iterations to run the algorithm for before stopping it.

Easing configuration

  • easing string: if specified, ease the transition between nodes positions if background is true. The duration is specified by the Sigma settings animationsTime. See sigma.utils.easing for available values.
  • duration number: duration of the transition for the easing method. Default value is Sigma setting animationsTime.

Events

The plugin dispatches the following events:

  • start: on layout start.
  • interpolate: at the beginning of the layout animation if an easing function is specified and the layout is ran on background.
  • stop: on layout stop, will be dispatched after interpolate.

Example:


s = new sigma({
  graph: g,
  container: 'graph-container'
});

var config = {
  nodeMargin: 3.0,
  scaleNodes: 1.3
};

// Configure the algorithm
var listener = s.configNoverlap(config);

// Bind all events:
listener.bind('start stop interpolate', function(event) {
  console.log(event.type);
});

// Start the algorithm:
s.startNoverlap();