 				
 				circles = columns.selectAll("circle")
 				.data((d,i) -> d)
+				.attr("cx", (d, i, j)->j*scope._hspace)
+				.attr("cy", (d, i, j)->i*scope._vspace)
 
 				circles.enter().append("circle")
 				.attr("r", scope.radius)
 				.attr("class", "origin")
-				.attr("cx", (d)->d.x)
-				.attr("cy", (d)->d.y)
+				.attr("cx", (d, i, j)->j*scope._hspace)
+				.attr("cy", (d, i, j)->i*scope._vspace)
 
 				circles.exit().remove()
 

					space = Math.min(@_vspace, @_hspace)
					@_vspace = @_hspace = space

				@data = ({x:col*@_hspace, y:row*@_vspace} for row in [0..@rows-1] for col in [0..@cols-1] )
				console.log @_hspace, @width, @cols
				console.log @data

			###
			draw = ->

			scope.$on 'resize', (event, container, width, height) ->
				console.log "drawing"
				scope.setSpacing(container, width, height)
				draw()

			draw = ->

