draw events as circles

JosuaKrause · JosuaKrause · commit 116f1163d7a6 · 2015-11-13T19:02:50.000-05:00
diff --git a/index.html b/index.html
@@ -18,6 +18,7 @@
 function start() {
   var w = 800;
   var h = 600;
+  var radius = 20;
 
   var content = d3.select("#divContent");
   var svg = content.append("svg").attr({
@@ -32,7 +33,17 @@
       console.warn(err);
       return;
     }
-    console.log(data);
+
+    var events = data["events"];
+
+    var sel = svg.selectAll("circle.event").data(events);
+    sel.exit().remove();
+    sel.enter().append("circle").classed("event", true);
+    sel.attr({
+      "cx": w * 0.5,
+      "cy": h * 0.5,
+      "r": radius
+    });
   });
 }
 
diff --git a/outline.txt b/outline.txt
@@ -3,7 +3,7 @@
 1. Importing D3 Library (X)
 2. Load patient JSON file (X)
 3. Set up canvas (X)
-4. Draw a circle for each patient event
+4. Draw a circle for each patient event (X)
 5. Position circles horizontally by timestamp
 	* Create a time scale
 6. Color nodes by event type
