this.start();// if there is no node movement, the calculation wont be done
this._preventDefault(event);
},
@ -12998,9 +12985,9 @@ function Graph (container, data, options) {
},
clustering:{// Per Node in Cluster = PNiC
enabled:false,// (Boolean) | global on/off switch for clustering.
initialMaxNumberOfNodes:100,// (# nodes) | if the initial amount of nodes is larger than this, we cluster until the total number is less than this threshold.
absoluteMaxNumberOfNodes:500,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than this. If it is, cluster until reduced to reduceToMaxNumberOfNodes
reduceToMaxNumberOfNodes:300,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than absoluteMaxNumberOfNodes. If it is, cluster until reduced to this
initialMaxNodes:100,// (# nodes) | if the initial amount of nodes is larger than this, we cluster until the total number is less than this threshold.
clusterThreshold:500,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than this. If it is, cluster until reduced to reduceToNodes
reduceToNodes:300,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than clusterThreshold. If it is, cluster until reduced to this
chainThreshold:0.4,// (% of all drawn nodes)| maximum percentage of allowed chainnodes (long strings of connected nodes) within all nodes. (lower means less chains).
clusterEdgeThreshold:20,// (px) | edge length threshold. if smaller, this node is clustered.
sectorThreshold:50,// (# nodes in cluster) | cluster size threshold. If larger, expanding in own sector.
@ -13009,23 +12996,19 @@ function Graph (container, data, options) {
forceAmplification:0.6,// (multiplier PNiC) | factor of increase fo the repulsion force of a cluster (per node in cluster).
distanceAmplification:0.2,// (multiplier PNiC) | factor how much the repulsion distance of a cluster increases (per node in cluster).
edgeGrowth:11,// (px PNiC) | amount of clusterSize connected to the edge is multiplied with this and added to edgeLength.
clusterSizeWidthFactor:10,// (px PNiC) | growth of the width per node in cluster.
clusterSizeHeightFactor:10,// (px PNiC) | growth of the height per node in cluster.
clusterSizeRadiusFactor:10,// (px PNiC) | growth of the radius per node in cluster.
nodeScaling:{width:10,// (px PNiC) | growth of the width per node in cluster.
height:10,// (px PNiC) | growth of the height per node in cluster.
radius:10},// (px PNiC) | growth of the radius per node in cluster.
activeAreaBoxSize:100,// (px) | box area around the curser where clusters are popped open.
// These variables must be defined in an options object named clustering.
// If a variable is not supplied, the default value is used.
var options = {
clustering: {
enabled: false,
initialMaxNodes: 100,
clusterThreshold:500,
reduceToNodes:300,
chainThreshold: 0.4,
clusterEdgeThreshold: 20,
sectorThreshold: 50,
screenSizeThreshold: 0.2,
fontSizeMultiplier: 4.0,
forceAmplification: 0.6,
distanceAmplification: 0.2,
edgeGrowth: 11,
nodeScaling: {width: 10,
height: 10,
radius: 10},
activeAreaBoxSize: 100
}
}
// OR to just load the module with default values:
var options: {
clustering: true
}
</pre>
<table>
@ -1159,20 +1184,20 @@ var nodes = [
<td>On/off switch for clustering. It is assumed clustering is enabled in the descriptions below.</td>
</tr>
<tr>
<td>initialMaxNumberOfNodes</td>
<td>initialMaxNodes</td>
<td>Number</td>
<td>100</td>
<td>If the initial amount of nodes is larger than this value, clustering starts until the total number of nodes is less than this value.</td>
</tr>
<tr>
<td>absoluteMaxNumberOfNodes</td>
<td>clusterThreshold</td>
<td>Number</td>
<td>500</td>
<td>While zooming in and out, clusters can open up. Once there are more than <code>absoluteMaxNumberOfNodes</code> nodes,
clustering starts until <code>reduceToMaxNumberOfNodes</code> nodes are left. This is done to ensure performance is continuously fluid.</td>
</tr>
<tr>
<td>reduceToMaxNumberOfNodes</td>
<td>reduceToNodes</td>
<td>Number</td>
<td>300</td>
<td>While zooming in and out, clusters can open up. Once there are more than <code>absoluteMaxNumberOfNodes</code> nodes,
@ -1237,19 +1262,19 @@ var nodes = [
<td>This factor determines the elongation of edges connected to a cluster.</td>
</tr>
<tr>
<td>clusterSizeWidthFactor</td>
<td>nodeScaling.width</td>
<td>Number</td>
<td>10</td>
<td>This factor determines how much the width of a cluster increases in pixels per added node.</td>
</tr>
<tr>
<td>clusterSizeHeightFactor</td>
<td>nodeScaling.height</td>
<td>Number</td>
<td>10</td>
<td>This factor determines how much the height of a cluster increases in pixels per added node.</td>
</tr>
<tr>
<td>clusterSizeRadiusFactor</td>
<td>nodeScaling.radius</td>
<td>Number</td>
<td>10</td>
<td>This factor determines how much the radius of a cluster increases in pixels per added node.</td>
@ -1276,10 +1301,12 @@ var nodes = [
var options: {
navigationUI: {
enabled: false,
initiallyVisible: true,
enableToggling: true,
iconPath: this._getIconURL() // automatic loading of the default icons
},
}
}
// OR to just load the module with default values:
var options: {
navigationUI: true
}
</pre>
@ -1297,20 +1324,6 @@ var options: {
<td>false</td>
<td>On/off switch for the navigation UI elements.</td>
</tr>
<tr>
<td>initiallyVisible</td>
<td>Boolean</td>
<td>true</td>
<td>The UI elements can be toggled by pressing the "u" key. If <code>initiallyVisible</code> is false, the UI is hidden
until "u" is pressed on the keyboard.
</td>
</tr>
<tr>
<td>enableToggling</td>
<td>Boolean</td>
<td>true</td>
<td>Enable or disable the option to press "u" to toggle the UI elements. If the UI is initially hidden and the toggling is off, the UI cannot be used!</td>
</tr>
<tr>
<td>iconPath</td>
<td>string</td>
@ -1332,11 +1345,13 @@ var options: {
var options: {
keyboardNavigation: {
enabled: false,
xMovementSpeed: 10,
yMovementSpeed: 10,
zoomMovementSpeed: 0.02
speed: {x: 10, y: 10, zoom: 0.02}
}
}
// OR to just load the module with default values:
var options: {
keyboardNavigation: true
}
</pre>
<table>
@ -1354,21 +1369,21 @@ var options: {
<td>On/off switch for the keyboard navigation.</td>
</tr>
<tr>
<td>xMovementSpeed</td>
<td>speed.x</td>
<td>Number</td>
<td>10</td>
<td>This defines the speed of the camera movement in the x direction when using the keyboard navigation.
</td>
</tr>
<tr>
<td>yMovementSpeed</td>
<td>Boolean</td>
<td>speed.y</td>
<td>Number</td>
<td>10</td>
<td>This defines the speed of the camera movement in the y direction when using the keyboard navigation.</td>
</tr>
<tr>
<td>zoomMovementSpeed</td>
<td>string</td>
<td>speed.zoom</td>
<td>Number</td>
<td>0.02</td>
<td>This defines the zoomspeed when using the keyboard navigation.</td>
@ -69,9 +69,9 @@ function Graph (container, data, options) {
},
clustering:{// Per Node in Cluster = PNiC
enabled:false,// (Boolean) | global on/off switch for clustering.
initialMaxNumberOfNodes:100,// (# nodes) | if the initial amount of nodes is larger than this, we cluster until the total number is less than this threshold.
absoluteMaxNumberOfNodes:500,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than this. If it is, cluster until reduced to reduceToMaxNumberOfNodes
reduceToMaxNumberOfNodes:300,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than absoluteMaxNumberOfNodes. If it is, cluster until reduced to this
initialMaxNodes:100,// (# nodes) | if the initial amount of nodes is larger than this, we cluster until the total number is less than this threshold.
clusterThreshold:500,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than this. If it is, cluster until reduced to reduceToNodes
reduceToNodes:300,// (# nodes) | during calculate forces, we check if the total number of nodes is larger than clusterThreshold. If it is, cluster until reduced to this
chainThreshold:0.4,// (% of all drawn nodes)| maximum percentage of allowed chainnodes (long strings of connected nodes) within all nodes. (lower means less chains).
clusterEdgeThreshold:20,// (px) | edge length threshold. if smaller, this node is clustered.
sectorThreshold:50,// (# nodes in cluster) | cluster size threshold. If larger, expanding in own sector.
@ -80,23 +80,19 @@ function Graph (container, data, options) {
forceAmplification:0.6,// (multiplier PNiC) | factor of increase fo the repulsion force of a cluster (per node in cluster).
distanceAmplification:0.2,// (multiplier PNiC) | factor how much the repulsion distance of a cluster increases (per node in cluster).
edgeGrowth:11,// (px PNiC) | amount of clusterSize connected to the edge is multiplied with this and added to edgeLength.
clusterSizeWidthFactor:10,// (px PNiC) | growth of the width per node in cluster.
clusterSizeHeightFactor:10,// (px PNiC) | growth of the height per node in cluster.
clusterSizeRadiusFactor:10,// (px PNiC) | growth of the radius per node in cluster.
nodeScaling:{width:10,// (px PNiC) | growth of the width per node in cluster.
height:10,// (px PNiC) | growth of the height per node in cluster.
radius:10},// (px PNiC) | growth of the radius per node in cluster.
activeAreaBoxSize:100,// (px) | box area around the curser where clusters are popped open.
josdejong
10 years ago