graph.js

@@ -3,7 +3,6 @@ const CONFIG = {
     'nodeSize': 16,
     'baseUrl': 'https://www.securityvision.io/wiki/index.php/',
     'dataUrl': 'semantic_data.json',
-    'preSimulate': true, // run simulation before starting, so we don't start with lines jumping around
     'labels': {
         'rotate': true,
     },
@@ -85,7 +84,7 @@ function splitText(text) {
 };
 
 function getTitle(obj) {
-    if (obj.parent) {
+    if(obj.parent) {
         return "sub of " + obj.parent.split('#', 1)[0].replace(/_/g, " ")
     }
     return obj['@id'].split('#', 1)[0].replace(/_/g, " ")
@@ -130,7 +129,7 @@ function buildGraph(data) {
             .iterations(2) // increase to make more rigid
         )
         .force("charge", d3.forceManyBody()
-            .strength(-40)
+            .strength(-50)
         )
         .force("center", d3.forceCenter(width / 2, height / 2))
         .force("collision", d3.forceCollide(function (d) {
@@ -301,15 +300,6 @@ function buildGraph(data) {
     });
 
 
-
-    // simulate the first bit without drawing, so we don't have the 'jumping' graph in the beginning
-    if (CONFIG.preSimulate) {
-        for (var i = 0, n = Math.ceil(Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay())); i < n; ++i) {
-            simulation.tick();
-        }
-    }
-
-
     return svg.node();
 }
 
@@ -343,7 +333,7 @@ const drag = simulation => {
         .on("end", dragended);
 };
 
-function selectNode(evt, node, d3Node) {
+function selectNode(evt, node, d3Node){
     console.log(evt, node, d3Node);
     document.querySelectorAll('svg .node').forEach(n => n.classList.remove('selected'));
     d3Node._groups[0][node.index].classList.add('selected');
@@ -354,7 +344,7 @@ function selectNode(evt, node, d3Node) {
     const url = getUrl(node);
     const hrefEl = infoEl.querySelector('.nodeHref');
     hrefEl.textContent = getTitle(node);
-    hrefEl.setAttribute('href', url);
+    hrefEl.setAttribute('href',url);
     infoEl.querySelector('.nodeContents').src = url;
     
 }