Browse Source

Added _updateNodeIndexList() function to speed up force calculation by removing duplicate calculations.

css_transitions
Alex de Mulder 10 years ago
parent
commit
0199470be1
3 changed files with 900 additions and 277 deletions
  1. +45
    -27
      src/graph/Graph.js
  2. +848
    -244
      vis.js
  3. +7
    -6
      vis.min.js

+ 45
- 27
src/graph/Graph.js View File

@ -69,6 +69,7 @@ function Graph (container, data, options) {
}; };
var graph = this; var graph = this;
this.node_indices = []; // the node indices list is used to speed up the computation of the repulsion fields
this.nodes = {}; // object with Node objects this.nodes = {}; // object with Node objects
this.edges = {}; // object with Edge objects this.edges = {}; // object with Edge objects
// TODO: create a counter to keep track on the number of nodes having values // TODO: create a counter to keep track on the number of nodes having values
@ -131,6 +132,23 @@ function Graph (container, data, options) {
this.setData(data); this.setData(data);
} }
/**
* Update the this.node_indices with the most recent node index list
* @private
*/
Graph.prototype._updateNodeIndexList = function(fromWhere) {
this.node_indices = [];
for (var idx in this.nodes) {
if (this.nodes.hasOwnProperty(idx)) {
this.node_indices.push(idx);
}
}
//** this uses the fromWhere parameter to see where this function was called from, the argument is optional
//if (typeof fromWhere !== "undefined")
// console.log("called _updateNodeIndexList from", fromWhere);
}
/** /**
* Set nodes and edges, and optionally options as well. * Set nodes and edges, and optionally options as well.
* *
@ -162,6 +180,8 @@ Graph.prototype.setData = function(data) {
this._setNodes(data && data.nodes); this._setNodes(data && data.nodes);
this._setEdges(data && data.edges); this._setEdges(data && data.edges);
} }
// updating the list of node indices
// find a stable position or start animating to a stable position // find a stable position or start animating to a stable position
if (this.stabilize) { if (this.stabilize) {
@ -1059,7 +1079,7 @@ Graph.prototype._setNodes = function(nodes) {
var ids = this.nodesData.getIds(); var ids = this.nodesData.getIds();
this._addNodes(ids); this._addNodes(ids);
} }
this._updateNodeIndexList("_setNodes");
this._updateSelection(); this._updateSelection();
}; };
@ -1089,7 +1109,7 @@ Graph.prototype._addNodes = function(ids) {
this.moving = true; this.moving = true;
} }
} }
this._updateNodeIndexList("_addNodes");
this._reconnectEdges(); this._reconnectEdges();
this._updateValueRange(this.nodes); this._updateValueRange(this.nodes);
}; };
@ -1120,7 +1140,7 @@ Graph.prototype._updateNodes = function(ids) {
} }
} }
} }
this._updateNodeIndexList("_updateNodes");
this._reconnectEdges(); this._reconnectEdges();
this._updateValueRange(nodes); this._updateValueRange(nodes);
}; };
@ -1136,7 +1156,7 @@ Graph.prototype._removeNodes = function(ids) {
var id = ids[i]; var id = ids[i];
delete nodes[id]; delete nodes[id];
} }
this._updateNodeIndexList("_removeNodes");
this._reconnectEdges(); this._reconnectEdges();
this._updateSelection(); this._updateSelection();
this._updateValueRange(nodes); this._updateValueRange(nodes);
@ -1551,29 +1571,27 @@ Graph.prototype._calculateForces = function() {
var minimumDistance = this.constants.nodes.distance, var minimumDistance = this.constants.nodes.distance,
steepness = 10; // higher value gives steeper slope of the force around the given minimumDistance steepness = 10; // higher value gives steeper slope of the force around the given minimumDistance
for (var id1 in nodes) {
if (nodes.hasOwnProperty(id1)) {
var node1 = nodes[id1];
for (var id2 in nodes) {
if (nodes.hasOwnProperty(id2)) {
var node2 = nodes[id2];
// calculate normally distributed force
dx = node2.x - node1.x;
dy = node2.y - node1.y;
distance = Math.sqrt(dx * dx + dy * dy);
angle = Math.atan2(dy, dx);
// TODO: correct factor for repulsing force
//repulsingForce = 2 * Math.exp(-5 * (distance * distance) / (dmin * dmin) ); // TODO: customize the repulsing force
//repulsingForce = Math.exp(-1 * (distance * distance) / (dmin * dmin) ); // TODO: customize the repulsing force
repulsingForce = 1 / (1 + Math.exp((distance / minimumDistance - 1) * steepness)); // TODO: customize the repulsing force
fx = Math.cos(angle) * repulsingForce;
fy = Math.sin(angle) * repulsingForce;
node1._addForce(-fx, -fy);
node2._addForce(fx, fy);
}
}
// we loop from i over all but the last entree in the array
// j loops from i+1 to the last. This way we do not double count any of the indices, nor i == j
for (var i = 0; i < this.node_indices.length-1; i++) {
var node1 = nodes[this.node_indices[i]];
for (var j = i+1; j < this.node_indices.length; j++) {
var node2 = nodes[this.node_indices[j]];
dx = node2.x - node1.x;
dy = node2.y - node1.y;
distance = Math.sqrt(dx * dx + dy * dy);
angle = Math.atan2(dy, dx);
// TODO: correct factor for repulsing force
//repulsingForce = 2 * Math.exp(-5 * (distance * distance) / (dmin * dmin) ); // TODO: customize the repulsing force
//repulsingForce = Math.exp(-1 * (distance * distance) / (dmin * dmin) ); // TODO: customize the repulsing force
repulsingForce = 1 / (1 + Math.exp((distance / minimumDistance - 1) * steepness)); // TODO: customize the repulsing force
fx = Math.cos(angle) * repulsingForce;
fy = Math.sin(angle) * repulsingForce;
node1._addForce(-fx, -fy);
node2._addForce(fx, fy);
} }
} }

+ 848
- 244
vis.js
File diff suppressed because it is too large
View File


+ 7
- 6
vis.min.js
File diff suppressed because it is too large
View File


Loading…
Cancel
Save