From 10962a48b13de2e976b259e9fda8661da3a3dff2 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Mon, 2 Oct 2017 22:14:06 -0400
Subject: [PATCH] basic complete

---
 app.css |  7 ++++++-
 app.js  | 11 +++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app.css b/app.css
index 5c262ae..497abb2 100644
--- a/app.css
+++ b/app.css
@@ -1,4 +1,9 @@
 circle {
-    fill:red;
+    fill: red;
     r: 5;
 }
+
+line {
+    stroke: grey;
+    stroke-width: 1;
+}
diff --git a/app.js b/app.js
index 0b06912..518c6a9 100644
--- a/app.js
+++ b/app.js
@@ -29,6 +29,12 @@ var nodes = d3.select("#nodes")
     .enter()
     .append("circle");
 
+var links = d3.select("#links")
+    .selectAll("line")
+    .data(linksData)
+    .enter()
+    .append("line");
+
 d3.forceSimulation()
     .nodes(nodesData)
     .force("charge_force", d3.forceManyBody())
@@ -40,4 +46,9 @@ d3.forceSimulation()
     .on("tick", function(){
         nodes.attr("cx", function(datum) { return datum.x; })
             .attr("cy", function(datum) { return datum.y; });
+
+        links.attr("x1", function(datum) { return datum.source.x; })
+            .attr("y1", function(datum) { return datum.source.y; })
+            .attr("x2", function(datum) { return datum.target.x; })
+            .attr("y2", function(datum) { return datum.target.y; });
     });