 	SELECTOR_CONTAINER = '#js-estimation-post-collision-container'
 
 	NODES = [
-		{ r: 18, fill: "red" },
-		{ r: 3, fill: "purple" },
-		{ r: 4, fill: "blue" },
-		{ r: 2, fill: "green" }
+		# 18 of these bad boys
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		{ r: 10, fill: "#006457" },
+		# 3 of these bad boys
+		{ r: 10, fill: "#83aa08" },
+		{ r: 10, fill: "#83aa08" },
+		{ r: 10, fill: "#83aa08" },
+		# 4 of these bad boys
+		{ r: 10, fill: "#daa500" },
+		{ r: 10, fill: "#daa500" },
+		{ r: 10, fill: "#daa500" },
+		{ r: 10, fill: "#daa500" },
+		# 2 of these bad boys
+		{ r: 10, fill: "#f17e0b" }
+		{ r: 10, fill: "#f17e0b" }
 	]
+
+	W = 600
+	H = 400
 
 	constructor: (@$context, data) ->
 		super(@$context, data)

			.attr("r", (d) -> d.r )
			.style("fill", (d, i) -> d.fill )

	destroy: ->
		super()

		@init()

	init: =>

		@root = NODES[0]
		@root.radius = 0
		@root.fixed = true

		@svg = d3.select( SELECTOR_CONTAINER )
			 .append("svg")
			 .attr("preserveAspectRatio", "xMinYMin meet")
			 .attr("viewBox", "0 0 " + W + " " + H)
			 .classed("svg-content", true)

		@svg.selectAll("circle")
