//NODE PROTOTYPE function Node(parent,tree,key,data,direction){ this.children = new Array(); this.parent = parent; this.tree = tree; this.key = key; this.data = data; if(direction){ this.direction = direction; }else{ if(this.level==0){ this.direction = Math.random()*2*Math.PI; }else{ this.direction = this.parent.direction+Math.random()/10; } } this.tree.nodes.push(this); } Node.prototype.addChild = function(key,data){ this.children.push(new Node(this,this.tree,key,data)); return this.children[this.children.length-1]; }; Node.prototype.draw = function(ctx){ ctx.fillStyle = this.nodeColor; ctx.strokeStyle = this.lineColor; ctx.lineWidth = this.lineWidth; if(this.level!=0){ ctx.beginPath(); ctx.moveTo(this.x,this.y); ctx.lineTo(this.parent.x,this.parent.y); ctx.stroke(); } for(var i=0;i0){ var randIndex = Math.floor(node.children.length*Math.random()); node = node.children[randIndex]; }else{ return false; } } node.addChild(); }; Tree.prototype.addNode = function(parentKey,key,data){ for(var i=0;i2000){ factor = 0.9; } if(tree.repulsionFactor<1){ setup(); }else{ clock = requestAnimationFrame(main); } }

Repulsion Node Tree Visualisation