ajax

BUILD.md

@@ -24,6 +24,7 @@
 1. Update click points after a transform
 1. Avoid redrawing entire screen during render
 1. Hide elements beyond axis
+1. Use AJAX
 
 ## Add link to d3 library
 
@@ -824,3 +825,21 @@ And lastly, adjust css:
      margin-left: 30px;
  }
 ```
+
+## Use AJAX
+
+We'll have to do some cleanup before we can do AJAX
+
+1. Move all functions to the top of the page
+1. Group all variable declarations together below function declarations
+1. Move the rest of the initializing code inside an init function an call it
+1. Move runs data to external `data.json` file
+1. Set `var runs = null` at top of page
+1. Set runs and call `init()` after ajax call succeeds:
+
+```javascript
+d3.json('data.json', function(error, data){
+    runs = data;
+    init();
+});
+```