 
   scale = 190 / longest
 
+  sortedIntersections = _.pluck sortIntersections(intersections), 'point'
+
+  shape = d3.geom.polygon sortedIntersections
+  if shape.area() < 0
+    sortedIntersections.reverse()
+    shape = d3.geom.polygon sortedIntersections
 
   """
-  for xi in [-40..40]
-    for yi in [-40..40]
-      x = xi * 5
-      y = yi * 5
-      try
-        hex = $.husl._conv.rgb.hex $.husl._conv.xyz.rgb $.husl._conv.luv.xyz [L, x, y]
-        svgContainer.append("rect")
-          .attr("x", xi * 5)
-          .attr("y", yi * 5)
-          .attr("height", 5)
-          .attr("width", 5)
-          .attr("transform", "translate(200, 200)")
-          .attr("fill", hex)
+  for point in sortedIntersections
+    svgContainer.append("circle")
+      .attr("cx", scale * point[0])
+      .attr("cy", scale * point[1])
+      .attr("r", 5)
+      .attr("transform", "translate(200, 200)")
+      .attr("fill", "white")
   """
 
+  """
   for name in cleanBounds
     [c, s] = bounds[name]
     lineGraph = svgContainer.append("line")

      .attr("transform", "translate(200, 200)")
      .attr("stroke", "white")
      .attr("stroke-width", 1)

  svgContainer.append("circle")
    .attr("cx", 0)
    .attr("cy", 0)
    .attr("r", scale * minC)
    .attr("transform", "translate(200, 200)")
    .attr("stroke", "#ffffff")
    .attr("stroke-width", 1)
    .attr("fill", "none")

  svgContainer.append("circle")

    .attr("r", scale * longest)
    .attr("transform", "translate(200, 200)")
    .attr("stroke", "#ffffff")
    .attr("stroke-width", 2)
    .attr("fill", "none")

  svgContainer.append("circle")
