From fc39ddecb9884c063da4074c7fb75250e9eb4ab4 Mon Sep 17 00:00:00 2001 From: Rohit Paul <113459757+RohitPaul0007@users.noreply.github.com> Date: Thu, 14 Sep 2023 18:56:27 +0530 Subject: [PATCH] Update index.js --- demos/other/d3layout/index.js | 42 +++++++++++++++++------------------ 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/demos/other/d3layout/index.js b/demos/other/d3layout/index.js index f37d280..309e105 100644 --- a/demos/other/d3layout/index.js +++ b/demos/other/d3layout/index.js @@ -1,16 +1,16 @@ -var graphGenerator = Viva.Graph.generator(); -var graph = graphGenerator.grid(20, 20); +let graphGenerator = Viva.Graph.generator(); +let graph = graphGenerator.grid(20, 20); -var layout = d3Force(graph, { +let layout = d3Force(graph, { springLength : 20, springCoeff : 1, gravity: -30, springIterations: 10 }); -var graphics = Viva.Graph.View.webglGraphics(); +let graphics = Viva.Graph.View.webglGraphics(); -var renderer = Viva.Graph.View.renderer(graph, { +let renderer = Viva.Graph.View.renderer(graph, { layout: layout, graphics: graphics, renderLinks: true, @@ -22,30 +22,30 @@ renderer.run(); // TODO: extract into module function d3Force(graph, options) { // todo: check input - var nodes = [], links = []; - var nodeIdToIdx = Object.create(null); - var linkIdToD3Link = Object.create(null); + let nodes = [], links = []; + let nodeIdToIdx = Object.create(null); + let linkIdToD3Link = Object.create(null); graph.forEachNode(function(n) { - var index = nodes.length; + let index = nodes.length; nodeIdToIdx[n.id] = index; - var node = { + let node = { index: index } nodes.push(node); }); graph.forEachLink(function(l) { - var source = nodeIdToIdx[l.fromId]; - var target = nodeIdToIdx[l.toId]; + let source = nodeIdToIdx[l.fromId]; + let target = nodeIdToIdx[l.toId]; - var index = links.length; - var link = {source: source, target: target, index: index} + let index = links.length; + let link = {source: source, target: target, index: index} links.push(link); linkIdToD3Link[l.id] = link; }); - var simulation = d3.forceSimulation(nodes) + let simulation = d3.forceSimulation(nodes) .force("charge", d3.forceManyBody().strength(options.gravity)) .force("link", d3.forceLink(links) .strength(options.springCoeff) @@ -63,7 +63,7 @@ function d3Force(graph, options) { getNodePosition: getNodePosition, getLinkPosition: function(linkId) { - var link = linkIdToD3Link[linkId]; + let link = linkIdToD3Link[linkId]; return { from: link.source, to: link.target @@ -71,10 +71,10 @@ function d3Force(graph, options) { }, getGraphRect: function() { - var minX = Number.POSITIVE_INFINITY; - var minY = Number.POSITIVE_INFINITY; - var maxX = Number.NEGATIVE_INFINITY; - var maxY = Number.NEGATIVE_INFINITY; + let minX = Number.POSITIVE_INFINITY; + let minY = Number.POSITIVE_INFINITY; + let maxX = Number.NEGATIVE_INFINITY; + let maxY = Number.NEGATIVE_INFINITY; nodes.forEach(function(node) { if (node.x < minX) minX = node.x; @@ -105,7 +105,7 @@ function d3Force(graph, options) { }, setNodePosition: function(nodeId, x, y) { - var pos = getNodePosition(nodeId); + let pos = getNodePosition(nodeId); pos.x = x; pos.y = y; }