Merge pull request #17 from briannasookhoo/routesd3

Routesd3

Author: Umius-Brian

app/charts/route-trace.jsx

@@ -22,14 +22,11 @@ class RouteTrace {
     console.log('data: ', data)
     console.log('nodes: ', data[0])
     console.log('links: ', data[1])
-    
-    console.log('1st data point: ', data[0][0])
-    console.log('4th data point: ', data[0][3])
 
-    var simulation = d3.forceSimulation(data[0])
-      .force('link', d3.forceLink())
-      .force('charge', d3.forceManyBody())
-      .force('center', d3.forceCenter(width / 2, height / 2))
+    const simulation = d3.forceSimulation(data[0])
+      .force("link", d3.forceLink(data[1]).id(data => data.id))
+      .force('charge', d3.forceManyBody().strength(-1000))
+      .force('center', d3.forceCenter(width / 2 , height / 2))
 
     const link = svg.append("g")
       .attr("class", "links")
@@ -65,14 +62,14 @@ class RouteTrace {
       .on('tick', ticked);
 
     simulation.force('link')
-      // .links(data[1]); // error: cannot create property vx on books
+      .links(data[1]); // error: cannot create property vx on books
 
     function ticked() {
       link
-        .attr('x1', function(d) { return d.source.x; })
-        .attr('y1', function(d) { return d.source.y; })
-        .attr('x2', function(d) { return d.target.x; })
-        .attr('y2', function(d) { return d.target.y; });
+        .attr("x1", d => d.source.x)
+        .attr("y1", d => d.source.y)
+        .attr("x2", d => d.target.x)
+        .attr("y2", d => d.target.y);
 
       node
         .attr("transform", function(d) {

user/settings.json

@@ -1 +1 @@
-{"setupRequired":false,"services":[["docker-mongo","MongoDB","mongodb+srv://alon:testing123@cluster0-phsei.mongodb.net/test?retryWrites=true&w=majority"]],"splash":true}
+{"setupRequired":false,"services":[["docker-mongo","MongoDB","mongodb+srv://alon:testing123@cluster0-phsei.mongodb.net/test?retryWrites=true&w=majority"]],"splash":false}