diff --git a/README.md b/README.md
index 1c1656f..6afe3f2 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,20 @@
 # Name
 
-write-your-name
+Peyman Mortazavi
 
 # How many points have you earned?
 
-0/100
+90/100
 
 (Make your own calculation and replace the number 0 with the points you think you've earned.)
 
 # How many hours have you spent on this?
 
-fill-in-your-answer
+10 hours
 
 # What is the most difficult part about this week's challenge?
 
-fill-in-your-answer
+It was so long !
 
 # Show and tell (6 points)
 
@@ -30,25 +30,29 @@ fill-in-your-answer
 
 ## 1 (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/checkpoint1-a.png)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/checkpoint1-b.png)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/checkpoint1-c.png)
 
-[checkpoint1](checkpoint1.html)
+[checkpoint1](checkpoint1-a.html)
+[checkpoint2](checkpoint1-b.html)
+[checkpoint3](checkpoint1-c.html)
 
 ## 2 (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/checkpoint2.png)
 
 [checkpoint2](checkpoint2.html)
 
 ## 3 (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/checkpoint3.png)
 
 [checkpoint3](checkpoint3.html)
 
 ## 4 (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/checkpoint4.png)
 
 [checkpoint4](checkpoint4.html)
 
@@ -58,69 +62,69 @@ fill-in-your-answer
 
 ### 1.a. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge1-a.png)
 
 [challenge1-a](challenge1-a.html)
 
 ### 1.b. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge1-b.png)
 
-[challenge1-b](checkpoint1-b.html)
+[challenge1-b](challenge1-b.html)
 
 ### 1.c. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge1-c.png)
 
-[challenge1-c](checkpoint1-c.html)
+[challenge1-c](challenge1-c.html)
 
 ### 1.d. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge1-d.png)
 
-[challenge1-d](checkpoint1-d.html)
+[challenge1-d](challenge1-d.html)
 
 ## Challenge 2 (5 points x 6 = 30 points)
 
 ### 2.a. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge2-a.png)
 
 ### 2.b. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge2-b.png)
 
 ### 2.c. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge2-c.png)
 
 ### 2.d. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge2-d.png)
 
 ### 2.e. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge2-e.png)
 
 ### 2.f. (5 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge2-f.png)
 
-[challenge2](checkpoint2.html)
+[challenge2](challenge2.html)
 
 ## Challenge 3 (8 points x 3 = 24 points)
 
 ### 3.a. (8 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge3-a.png)
 
-[challenge3-a](checkpoint3-a.html)
+[challenge3-a](challenge3-a.html)
 
 ### 3.b. (8 points)
 
-![image](image.png?raw=true)
+![image](https://dl.dropboxusercontent.com/u/44502811/Big%20Data%20ScreenShots/Week%208/challenge3-b.png)
 
-[challenge3-b](checkpoint3-b.html)
+[challenge3-b](challenge3-b.html)
 
 ### 3.c. (8 points)
 
diff --git a/challenge1-a.html b/challenge1-a.html
new file mode 100644
index 0000000..0212dec
--- /dev/null
+++ b/challenge1-a.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>D3</title>
+        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.12/d3.min.js"></script>
+        <style type="text/css">  
+            .chart rect {
+              fill: steelblue;
+            }
+
+      .chart text {
+        fill: white;
+        font: 10px sans-serif;
+        text-anchor: end;
+      }
+        </style>
+    </head>
+    <svg class="chart"></svg>
+    <body>
+        <script type="text/javascript">
+            var width = 600;
+            var height = 600;
+            var barHeight = 20;
+
+            var colors = ["skyblue", "steelblue", "green", "gold", "black", "orange", "maroon", "pink", "gray"];
+
+            var scaleFunction = d3.scale.linear().range([0, width]);
+
+            var chart = d3.select(".chart").attr("width", width);
+           
+            d3.json("https://api.github.com/orgs/csci-4830-002-2014/repos",
+                function(error, data) {
+                  dataset = data;
+
+                scaleFunction.domain([0, d3.max(data, function(d) { return d.forks_count; })]);
+
+                chart.attr("height", barHeight * data.length);
+
+                var bar = chart.selectAll("g")
+                    .data(data)
+                  .enter().append("g")
+                  .attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });
+
+                bar.append("rect")
+                    .attr("width", function(d) { return scaleFunction(d.forks_count); })
+                    .attr("height", barHeight - 1)
+                    .attr("rx", 5)
+                    .attr("ry", 5)
+                    .style("fill", function(d,i) { return colors[i%colors.length]; });
+
+                bar.append("text")
+                    .attr("x", function(d) { return scaleFunction(d.forks_count) - 3; })
+                    .attr("y", barHeight / 2)
+                    .attr("dy", ".35em")
+                    .text(function(d) { return d.forks_count; });
+
+                bar.append("text")
+                    .attr("x", 5)
+                    .attr("y", barHeight / 2)
+                    .attr("dy", ".35em")
+                    .style("fill", "black")
+                    .style("text-anchor", "start")
+                    .text(function(d) { return d.name; });
+
+            });
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/challenge1-b.html b/challenge1-b.html
new file mode 100644
index 0000000..20dcec0
--- /dev/null
+++ b/challenge1-b.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<title>D3: Scaled scatterplot, resized to be bigger!</title>
+      <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
+		<style type="text/css">
+			/* No style rules here yet */		
+		</style>
+	</head>
+	<body>
+		<script type="text/javascript">
+
+			//Width and height
+			var w = 500;
+			var h = 300;
+			var padding = 20;
+
+            //var scaleFunction = d3.scale.linear().range([0, width]);
+			
+			// var dataset = [
+			// 				[5, 20], [480, 90], [250, 50], [100, 33], [330, 95],
+			// 				[410, 12], [475, 44], [25, 67], [85, 21], [220, 88],
+			// 				[600, 150]
+			// 			  ];
+
+			d3.json("https://api.github.com/orgs/csci-4830-002-2014/repos",
+				function(error, data) {
+					
+					var xScale = d3.scale.linear()
+					 .domain([0, d3.max(data, function(d) { return d.size; })])
+					 .range([padding, w - padding * 2]);
+
+					var yScale = d3.scale.linear()
+										 .domain([0, d3.max(data, function(d) { return d.forks_count; })])
+										 .range([h - padding, padding]);
+
+					var rScale = d3.scale.linear()
+										 .domain([0, d3.max(data, function(d) { return d.forks_count; })])
+										 .range([2, 5]);
+			
+					//Create SVG element
+					var svg = d3.select("body")
+								.append("svg")
+								.attr("width", w)
+								.attr("height", h);
+
+					svg.selectAll("circle")
+					   .data(data)
+					   .enter()
+					   .append("circle")
+					   .attr("cx", function(d) {
+					   		return xScale(d.size);
+					   })
+					   .attr("cy", function(d) {
+					   		return yScale(d.forks_count);
+					   })
+					   .attr("r", function(d) {
+					   		return rScale(d.forks_count);
+					   });
+
+					svg.selectAll("text")
+					   .data(data)
+					   .enter()
+					   .append("text")
+					   .text(function(d) {
+					   		return d.name;
+					   })
+					   .attr("x", function(d) {
+					   		return xScale(d.size);
+					   })
+					   .attr("y", function(d) {
+					   		return yScale(d.forks_count);
+					   })
+					   .attr("font-family", "sans-serif")
+					   .attr("font-size", "11px")
+					   .attr("fill", "red");
+
+						});
+
+			//Create scale functions
+
+			
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/challenge1-c.html b/challenge1-c.html
new file mode 100644
index 0000000..dfded59
--- /dev/null
+++ b/challenge1-c.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<title>D3: Scaled scatterplot, resized to be bigger!</title>
+      <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
+		<style type="text/css">
+			/* No style rules here yet */		
+		</style>
+	</head>
+	<body>
+		<script type="text/javascript">
+
+			//Width and height
+			var w = 500;
+			var h = 300;
+			var padding = 20;
+
+            //var scaleFunction = d3.scale.linear().range([0, width]);
+			
+			// var dataset = [
+			// 				[5, 20], [480, 90], [250, 50], [100, 33], [330, 95],
+			// 				[410, 12], [475, 44], [25, 67], [85, 21], [220, 88],
+			// 				[600, 150]
+			// 			  ];
+
+			d3.json("https://api.github.com/orgs/csci-4830-002-2014/repos",
+				function(error, data) {
+					
+					var xScale = d3.scale.linear()
+					 .domain([0, d3.max(data, function(d) { return d.size; })])
+					 .range([padding, w - padding * 2]);
+
+					var yScale = d3.scale.linear()
+										 .domain([0, d3.max(data, function(d) { return d.forks_count; })])
+										 .range([h - padding, padding]);
+
+					var rScale = d3.scale.linear()
+										 .domain([0, d3.max(data, function(d) { return d.forks_count; })])
+										 .range([2, 5]);
+
+					var colorScale = d3.scale.linear().domain([0, d3.max(data, function(d) { return d.open_issues_count; } )]).range([0,1]);
+			
+					//Create SVG element
+					var svg = d3.select("body")
+								.append("svg")
+								.attr("width", w)
+								.attr("height", h);
+
+					svg.selectAll("circle")
+					   .data(data)
+					   .enter()
+					   .append("circle")
+					   .attr("cx", function(d) {
+					   		return xScale(d.size);
+					   })
+					   .attr("cy", function(d) {
+					   		return yScale(d.forks_count);
+					   })
+					   .attr("r", function(d) {
+					   		return rScale(d.forks_count);
+					   })
+					   .style("opacity", function(d){return colorScale(d.open_issues_count);});
+
+					svg.selectAll("text")
+					   .data(data)
+					   .enter()
+					   .append("text")
+					   .text(function(d) {
+					   		return d.name;
+					   })
+					   .attr("x", function(d) {
+					   		return xScale(d.size);
+					   })
+					   .attr("y", function(d) {
+					   		return yScale(d.forks_count);
+					   })
+					   .attr("font-family", "sans-serif")
+					   .attr("font-size", "11px")
+					   .attr("fill", "red");
+
+						});
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/challenge1-d.html b/challenge1-d.html
new file mode 100644
index 0000000..5b6f85c
--- /dev/null
+++ b/challenge1-d.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<title>D3: Scaled scatterplot, resized to be bigger!</title>
+      <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
+      <script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
+		<style type="text/css">
+			.circle:hover {
+			  fill: orangered ;
+			}
+			.d3-tip {
+			  line-height: 1;
+			  font-weight: bold;
+			  padding: 12px;
+			  background: rgba(0, 0, 0, 0.8);
+			  color: #fff;
+			  border-radius: 2px;
+			  opacity: 0.7;
+			  fill: white;
+			  font: 9px avenir-light;
+			  text-anchor: end;
+			}
+		</style>
+	</head>
+	<body>
+		<script type="text/javascript">
+
+			//Width and height
+			var w = 800;
+			var h = 800;
+			var padding = 20;
+
+            //var scaleFunction = d3.scale.linear().range([0, width]);
+			
+			// var dataset = [
+			// 				[5, 20], [480, 90], [250, 50], [100, 33], [330, 95],
+			// 				[410, 12], [475, 44], [25, 67], [85, 21], [220, 88],
+			// 				[600, 150]
+			// 			  ];
+
+			d3.json("https://api.github.com/orgs/csci-4830-002-2014/repos",
+				function(error, data) {
+					
+					var xScale = d3.scale.linear()
+					 .domain([0, d3.max(data, function(d) { return d.size; })])
+					 .range([padding, w - padding * 2]);
+
+					var yScale = d3.scale.linear()
+										 .domain([0, d3.max(data, function(d) { return d.forks_count; })])
+										 .range([h - padding, padding]);
+
+					var colorScale = d3.scale.linear().domain([0, d3.max(data, function(d) { return d.open_issues_count; } )]).range([0,1]);
+			
+					//Create SVG element
+					var svg = d3.select("body")
+								.append("svg")
+								.attr("width", w)
+								.attr("height", h);
+
+					tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return '<p><b>FORKS: ' + d.forks_count + '</b></p><p>OPEN ISSUES: ' + d.open_issues_count + '</p>'; });
+					svg.call(tip);
+
+					svg.selectAll("circle")
+					   .data(data)
+					   .enter()
+					   .append("circle")
+					   .attr("cx", function(d) {
+					   		return xScale(d.size);
+					   })
+					   .attr("cy", function(d) {
+					   		debugger
+					   		return yScale(d.forks_count);
+					   })
+					   .attr("r", 10)
+					   .style("opacity", function(d){return colorScale(d.open_issues_count);})
+					   .on('mouseover', tip.show)
+  					   .on('mouseout', tip.hide);
+
+					svg.selectAll("text")
+					   .data(data)
+					   .enter()
+					   .append("text")
+					   .text(function(d) {
+							return d.name;
+					   })
+					   .attr("x", function(d) {
+							return xScale(d.size);
+					   })
+					   .attr("y", function(d) {
+					   		return yScale(d.forks_count);
+					   })
+					   .attr("font-family", "sans-serif")
+					   .attr("font-size", "11px")
+					   .attr("fill", "darkgray");
+
+						});
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/challenge2.html b/challenge2.html
new file mode 100644
index 0000000..74aec26
--- /dev/null
+++ b/challenge2.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>D3</title>
+        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.12/d3.min.js"></script>
+        <style type="text/css">  
+        </style>
+    </head>
+    <body>
+        <script type="text/javascript">
+            var w = 800;
+            var h = 400;        
+            var margin = 100;
+
+            var dataset = [
+              { 'quadrant': 1,
+                'size': 20,
+                'x': 20,
+                'y': 45,
+                'energy': 15,
+                'angle': Math.PI/4,
+                'distance': 20
+              },
+              { 'quadrant': 2,
+                'size': 50,
+                'x': 30,
+                'y': 15,
+                'energy': 5,
+                'angle': Math.PI/3,
+                'distance': 40
+              },
+              { 'quadrant': 3,
+                'size': 25,
+                'x': 25,
+                'y': 65,
+                'energy': 10, 
+                'angle': -Math.PI/3,
+                'distance': 30
+              },
+              { 'quadrant': 4,
+                'size': 30,
+                'x': 35,
+                'y': 25,
+                'energy': 20,                                          
+                'angle': -Math.PI/4,
+                'distance': 40
+              },              
+            ];            
+           
+            var svg = d3.select("body")          
+                        .append("svg")
+                        .attr("width", w)
+                        .attr("height", h);
+
+          var yScale = d3.scale.linear()
+            .domain([0, d3.max(dataset.map(function(d) {
+              return d.y
+            }))])
+            .range([margin, h - margin]);
+
+          var xScale = d3.scale.linear()
+            .domain([0, d3.max(dataset.map(function(d) {
+              return d.x
+            }))])
+            .range([margin, w - margin]);            
+
+            symbol = svg.selectAll("g")
+              .data(dataset)
+              .enter()
+              .append("g")
+              .attr("transform", function(d, i) {
+                return "translate(" + xScale(d.x) + "," + yScale(d.y) +")";
+              });
+
+            symbol.append("rect")
+                .attr("width", function(d) { return d.size; })
+                .attr("height", function(d) { return d.size; })
+                .attr("fill", "red");
+
+            symbol.append("circle")
+                  .attr("r", function(d) {
+                      return d.size/4;
+                  })
+                  .attr("cx", function(d) {
+                    if (d.quadrant == 1 || d.quadrant == 4){
+                        return 3*d.size/4;
+                    } else {
+                        return d.size/4;
+                    }
+                  })
+                  .attr("cy", function(d){
+                    if (d.quadrant == 3 || d.quadrant == 4){
+                        return 3*d.size/4;
+                    } else {
+                        return d.size/4;
+                    }
+                  })                
+                .attr("fill", "blue");
+
+                symbol.append("rect")
+                    .attr("width", function(d) {
+                        return 10;
+                    })
+                    .attr("height", function(d) {
+                        return d.energy;
+                    })
+                    .attr("x", function(d) {
+                        return (d.size - 10)/2;
+                    })
+                    .attr("y", function(d) {
+                        return d.size;
+                    })
+                  .attr("fill", "black");
+
+                  symbol.append("circle")
+                  .attr("r", function(d){
+                    return 5;
+                  })            
+                  .attr("cx", function(d){
+                  if (d.quadrant == 1 || d.quadrant == 4){
+                      return 3*d.size/4 + d.distance * Math.cos(d.angle); ; // TODO
+                  }else{
+                      return d.size/4 + d.distance * Math.cos(d.angle); // TODO
+                  }
+                  })
+                  .attr("cy", function(d){
+                      if (d.quadrant == 3 || d.quadrant == 4){
+                          return 3*d.size/4 + d.distance * Math.sin(d.angle);
+                      }else{
+                          return d.size/4 + d.distance * Math.sin(d.angle);
+                      }
+                  })
+                  .attr("fill", "skyblue"); 
+
+                  symbol.append("line")
+                  .attr("x1", function (d){
+                    if (d.quadrant == 1 || d.quadrant == 4){
+                      return 3*d.size/4;
+                    }else{
+                        return d.size/4;
+                    }
+                  })
+                  .attr("y1", function (d){
+                      if (d.quadrant == 3 || d.quadrant == 4){
+                          return 3*d.size/4;
+                      } else {
+                          return d.size/4;
+                      }
+                  })
+                  .attr("x2", function (d,i){
+                  if (d.quadrant == 1 || d.quadrant == 4){
+                      return 3*d.size/4 + d.distance * Math.cos(d.angle); ; // TODO
+                  }else{
+                      return d.size/4 + d.distance * Math.cos(d.angle); // TODO
+                  }
+                  })
+                  .attr("y2", function (d,i){
+                      if (d.quadrant == 3 || d.quadrant == 4){
+                          return 3*d.size/4 + d.distance * Math.sin(d.angle);
+                      }else{
+                          return d.size/4 + d.distance * Math.sin(d.angle);
+                      }
+                  })               
+                  .attr("stroke-width", 2)
+                  .attr("stroke", "black");
+
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/challenge3-a.html b/challenge3-a.html
new file mode 100644
index 0000000..9a12a2f
--- /dev/null
+++ b/challenge3-a.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>D3: Scaled scatterplot, resized to be bigger!</title>
+      <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
+    <style type="text/css">
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+
+      //Width and height
+      var w = 800;
+      var h = 600;
+      var padding = 20;
+
+      //var scaleFunction = d3.scale.linear().range([0, width]);
+      
+      // var dataset = [
+      //        [5, 20], [480, 90], [250, 50], [100, 33], [330, 95],
+      //        [410, 12], [475, 44], [25, 67], [85, 21], [220, 88],
+      //        [600, 150]
+      //        ];
+
+      d3.json("https://api.github.com/orgs/csci-4830-002-2014/repos",
+        function(error, data) {
+          
+          var xScale = d3.scale.linear()
+           .domain([0, d3.max(data, function(d) { return d.forks_count; })])
+           .range([padding, w - padding * 2]);
+
+          var yScale = d3.scale.linear()
+                     .domain([0, d3.max(data, function(d) { return d.open_issues_count; })])
+                     .range([h - padding, padding]);
+
+          // var rScale = d3.scale.linear()
+          //            .domain([0, d3.max(data, function(d) { return d.forks_count; })])
+          //            .range([2, 5]);
+      
+          //Create SVG element
+          var svg = d3.select("body")
+                .append("svg")
+                .attr("width", w)
+                .attr("height", h);
+
+          svg.selectAll("line")
+            .data(data)
+            .enter()
+            .append("line")
+            .attr("x1", function(d){ return 0; })
+            .attr("y1", function(d){ return 0; })
+            .attr("x2", function(d){ return xScale(d.forks_count); })
+            .attr("y2", function(d){ return yScale(d.open_issues_count); })
+            .attr("stroke-width", 1)
+            .attr("stroke", "black");
+
+          svg.selectAll("circle")
+             .data(data)
+             .enter()
+             .append("circle")
+             .attr("cx", function(d) {
+                return xScale(d.forks_count);
+             })
+             .attr("cy", function(d) {
+                return yScale(d.open_issues_count);
+             })
+             .attr("r", 10)
+             .style("fill", "#FF8000")
+             .style("opacity", "1.0")
+             .attr("stroke-width", 1)
+             .attr("stroke", "black");
+
+          svg.selectAll("text")
+             .data(data)
+             .enter()
+             .append("text")
+             .text(function(d) {
+                if(d.name.indexOf("challenge")>=0){
+                  debugger
+                  return "C";
+                }
+                else if(d.name.indexOf("hackathon")>=0)
+                {
+                  debugger
+                  return "H";
+                }
+                else{
+                  debugger
+                  return "";
+                }
+             })
+             .attr("x", function(d) {
+                return xScale(d.forks_count)-5;
+             })
+             .attr("y", function(d) {
+                return yScale(d.open_issues_count)+4;
+             })
+             .attr("font-family", "avenir")
+             .attr("font-size", "12px")
+             .attr("fill", "black");
+
+            });
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/challenge3-b.html b/challenge3-b.html
new file mode 100644
index 0000000..0304a3e
--- /dev/null
+++ b/challenge3-b.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>D3: Scaled scatterplot, resized to be bigger!</title>
+      <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
+  </head>
+  <body>
+    <script type="text/javascript">
+      var w = 1400;
+      var h = 600;
+      var padding = 40;
+      
+      d3.json("https://api.github.com/orgs/csci-4830-002-2014/repos", function(error, dataset) {
+      //Create scale functions
+      var barScale = d3.scale.linear()
+                 .domain([0, d3.max(dataset, function(d) { return d.forks_count; })])
+                 .range([padding + 120 , h - padding * 2 ]);
+
+      var rScale = d3.scale.linear()
+                 .domain([0, d3.max(dataset, function(d) { return d.size; })])
+                 .range([20, 39]);
+      var oScale = d3.scale.linear()
+      .domain([0, d3.max(dataset, function (d) { return d.open_issues; })])
+      //Create SVG element
+      var svg = d3.select("body")
+            .append("svg")
+            .attr("width", w)
+            .attr("height", h);
+      symbol = svg.selectAll("g")
+        .data(dataset)
+        .enter()
+        .append("g")
+
+      symbol.append("rect")
+        .attr("height", function (d) { return h - barScale(d.forks_count); })
+        .attr("width", 20)
+        .attr("x", function(d, i) {return i * 45}) 
+        .attr("y", function (d) {return barScale(d.forks_count)})
+        .attr("fill", function (d) {
+          if (d.watchers){
+            return "black";
+          }
+          else return "gray";
+          });
+
+      symbol.append("circle")
+        .attr("r", function(d){
+            return rScale(d.size/2);
+          })
+        .attr("cx", function(d,i){
+          return i * 45 + 10;}) 
+        
+        .attr("cy", function(d){
+          return barScale(d.forks_count);
+        })
+        .attr("fill", "orange");
+      });      
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/checkpoint1-a.html b/checkpoint1-a.html
new file mode 100644
index 0000000..10c7dd7
--- /dev/null
+++ b/checkpoint1-a.html
@@ -0,0 +1,61 @@
+<html>
+	<head>
+		<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
+	</head>
+	<svg class="chart"></svg>
+	<style type="text/css">
+		.chart rect {
+		  fill: steelblue;
+		}
+
+		.chart text {
+		  fill: white;
+		  font: 10px sans-serif;
+		  text-anchor: end;
+		}
+	</style>
+	<script>
+		var width = 420,
+		    barHeight = 20;
+
+		var colors = ["skyblue", "steelblue", "green", "gold", "black", "orange", "maroon", "pink", "gray"];
+
+		var scaleFunction = d3.scale.linear()
+		    .range([0, width]);
+
+		var chart = d3.select(".chart")
+		    .attr("width", width);
+
+		d3.tsv("https://gist.githubusercontent.com/doubleshow/21e3f7f9afc1383b41b3/raw/popdist", type, function(error, data) {
+		    
+
+		    
+		  scaleFunction.domain([0, d3.max(data, function(d) { return d.value; })]);
+
+		  chart.attr("height", barHeight * data.length);
+
+		  var bar = chart.selectAll("g")
+		      .data(data)
+		    .enter().append("g")
+		      .attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });
+
+		  bar.append("rect")
+		      .attr("width", function(d) { return scaleFunction(d.value); })
+		      .attr("height", barHeight - 1)
+		      .attr("rx", 5)
+		      .attr("ry", 5)
+		      .style("fill", function(d,i) { return colors[i%colors.length]; });
+
+		  bar.append("text")
+		      .attr("x", function(d) { return scaleFunction(d.value) - 3; })
+		      .attr("y", barHeight / 2)
+		      .attr("dy", ".35em")
+		      .text(function(d) { return d.value; });
+		});
+
+		function type(d) {
+		  d.value = +d.population; // coerce to number
+		  return d;
+		}
+	</script>
+</html>
\ No newline at end of file
diff --git a/checkpoint1-b.html b/checkpoint1-b.html
new file mode 100644
index 0000000..dbe97dd
--- /dev/null
+++ b/checkpoint1-b.html
@@ -0,0 +1,61 @@
+<html>
+	<head>
+		<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
+	</head>
+	<svg class="chart"></svg>
+	<style type="text/css">
+		.chart rect {
+		  fill: steelblue;
+		  margin: 5px;
+		}
+
+		.chart text {
+		  fill: black;
+		  font: 10px avenir-light;
+		  direction: rtl;
+		}
+	</style>
+	<script>
+		var width = 420, barHeight = 15;
+
+		var colors = ["skyblue", "steelblue", "green", "gold", "black", "orange", "maroon", "pink", "gray"];
+
+		var scaleFunction = d3.scale.linear()
+		    .range([0, width]);
+
+		var chart = d3.select(".chart")
+		    .attr("width", width);
+
+		d3.tsv("https://gist.githubusercontent.com/doubleshow/21e3f7f9afc1383b41b3/raw/popdist", type, function(error, data) {
+		    
+
+		    
+		  scaleFunction.domain([0, d3.max(data, function(d) { return d.value; })]);
+
+		  chart.attr("height", barHeight * data.length);
+
+		  var bar = chart.selectAll("g")
+		      .data(data)
+		    .enter().append("g")
+		      .attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });
+
+		  bar.append("rect")
+		      .attr("width", function(d) { return scaleFunction(d.value); })
+		      .attr("height", barHeight-5)
+		      .attr("rx", 5)
+		      .attr("ry", 5)
+		      .style("fill", function(d,i) { return colors[i%colors.length]; });
+
+		  bar.append("text")
+		      .attr("x", width)
+		      .attr("y", (barHeight-4) / 2)
+		      .attr("dy", ".35em")
+		      .text(function(d) { return d.value; });
+		});
+
+		function type(d) {
+		  d.value = +d.population; // coerce to number
+		  return d;
+		}
+	</script>
+</html>
\ No newline at end of file
diff --git a/checkpoint1-c.html b/checkpoint1-c.html
new file mode 100644
index 0000000..5212df3
--- /dev/null
+++ b/checkpoint1-c.html
@@ -0,0 +1,62 @@
+<html>
+	<head>
+		<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
+	</head>
+	<svg class="chart"></svg>
+	<style type="text/css">
+		.chart rect {
+		  fill: steelblue;
+		}
+
+		.chart text {
+		  fill: white;
+		  font: 9px avenir-light;
+		  text-anchor: end;
+		}
+	</style>
+	<script>
+		var width = 420,
+		    barHeight = 15;
+
+		var colors = ["skyblue", "steelblue", "green", "gold", "black", "orange", "maroon", "pink", "gray"];
+
+		var scaleFunction = d3.scale.linear()
+		    .range([0, width]);
+
+		var chart = d3.select(".chart")
+		    .attr("width", width)
+		    .style("background-color", "lightblue");
+
+		d3.tsv("https://gist.githubusercontent.com/doubleshow/21e3f7f9afc1383b41b3/raw/popdist", type, function(error, data) {
+		    
+
+		    
+		  scaleFunction.domain([0, d3.max(data, function(d) { return d.value; })]);
+
+		  chart.attr("height", barHeight * data.length);
+
+		  var bar = chart.selectAll("g")
+		      .data(data)
+		    .enter().append("g")
+		      .attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });
+
+		  bar.append("rect")
+		      .attr("width", function(d) { return scaleFunction(d.value); })
+		      .attr("height", barHeight-5)
+		      .attr("rx", 5)
+		      .attr("ry", 5)
+		      .style("fill", function(d,i) { return colors[i%colors.length]; });
+
+		  bar.append("text")
+		      .attr("x", function(d) { return scaleFunction(d.value) - 3; })
+		      .attr("y", (barHeight-4) / 2)
+		      .attr("dy", ".35em")
+		      .text(function(d) { return d.value; });
+		});
+
+		function type(d) {
+		  d.value = +d.population; // coerce to number
+		  return d;
+		}
+	</script>
+</html>
\ No newline at end of file
diff --git a/checkpoint2.html b/checkpoint2.html
new file mode 100644
index 0000000..2f1f0b2
--- /dev/null
+++ b/checkpoint2.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<title>D3: A simple scatterplot with value labels</title>
+      <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
+		<style type="text/css">
+			/* No style rules here yet */		
+		</style>
+	</head>
+	<body>
+		<script type="text/javascript">
+
+			//Width and height
+			var w = 800;
+			var h = 500;
+			
+			var dataset = [
+							[5, 20], [480, 90], [250, 50], [100, 33], [330, 95],
+							[410, 12], [475, 44], [25, 67], [85, 21], [220, 88]
+						  ];
+	
+			//Create SVG element
+			var svg = d3.select("body")
+						.append("svg")
+						.attr("width", w)
+						.attr("height", h);
+
+			svg.selectAll("circle")
+			   .data(dataset)
+			   .enter()
+			   .append("circle")
+			   .attr("cx", function(d) {
+			   		return d[0];
+			   })
+			   .attr("cy", function(d) {
+			   		return d[1];
+			   })
+			   .attr("r", function(d) {
+			   		return Math.sqrt(h - d[1]);
+			   });
+
+			svg.selectAll("text")
+			   .data(dataset)
+			   .enter()
+			   .append("text")
+			   .text(function(d) {
+			   		return d[0] + "," + d[1];
+			   })
+			   .attr("x", function(d) {
+			   		return d[0];
+			   })
+			   .attr("y", function(d) {
+			   		return d[1];
+			   })
+			   .attr("font-family", "sans-serif")
+			   .attr("font-size", "11px")
+			   .attr("fill", "red");
+			
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/checkpoint3.html b/checkpoint3.html
new file mode 100644
index 0000000..fec0878
--- /dev/null
+++ b/checkpoint3.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<title>D3: Scaled scatterplot, resized to be bigger!</title>
+      <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
+		<style type="text/css">
+			/* No style rules here yet */		
+		</style>
+	</head>
+	<body>
+		<script type="text/javascript">
+
+			//Width and height
+			var w = 500;
+			var h = 300;
+			var padding = 20;
+			
+			var dataset = [
+							[5, 20], [480, 90], [250, 50], [100, 33], [330, 95],
+							[410, 12], [475, 44], [25, 67], [85, 21], [220, 88],
+							[600, 150]
+						  ];
+
+			//Create scale functions
+			var xScale = d3.scale.linear()
+								 .domain([0, d3.max(dataset, function(d) { return d[0]; })])
+								 .range([padding, w - padding * 2]);
+
+			var yScale = d3.scale.linear()
+								 .domain([0, d3.max(dataset, function(d) { return d[1]; })])
+								 .range([h - padding, padding]);
+
+			var rScale = d3.scale.linear()
+								 .domain([0, d3.max(dataset, function(d) { return d[1]; })])
+								 .range([2, 5]);
+	
+			//Create SVG element
+			var svg = d3.select("body")
+						.append("svg")
+						.attr("width", w)
+						.attr("height", h);
+
+			svg.selectAll("circle")
+			   .data(dataset)
+			   .enter()
+			   .append("circle")
+			   .attr("cx", function(d) {
+			   		return xScale(d[0]);
+			   })
+			   .attr("cy", function(d) {
+			   		return yScale(d[1]);
+			   })
+			   .attr("r", function(d) {
+			   		return rScale(d[1]);
+			   });
+
+			svg.selectAll("text")
+			   .data(dataset)
+			   .enter()
+			   .append("text")
+			   .text(function(d) {
+			   		return d[0] + "," + d[1];
+			   })
+			   .attr("x", function(d) {
+			   		return xScale(d[0]);
+			   })
+			   .attr("y", function(d) {
+			   		return yScale(d[1]);
+			   })
+			   .attr("font-family", "sans-serif")
+			   .attr("font-size", "11px")
+			   .attr("fill", "red");
+			
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/checkpoint4.html b/checkpoint4.html
new file mode 100644
index 0000000..168c0a8
--- /dev/null
+++ b/checkpoint4.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>D3</title>
+        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.12/d3.min.js"></script>
+        <style type="text/css">  
+        </style>
+    </head>
+    <body>
+        <script type="text/javascript">
+            var w = 600;
+            var h = 600;                    
+           
+            var data = [43, 23, 13, 54, 23, 9, 52, 20]
+            
+            var svg = d3.select("body")          
+                        .append("svg")
+                        .attr("width", w)
+                        .attr("height", h);
+
+            svg.selectAll("line")
+              .data(data)
+              .enter()
+              .append("line")               
+              .attr("x1", function (d, i) {
+                return 5 + 50*i;
+              } )
+              .attr("y1", 5)
+              .attr("x2", function (d,i){
+                  return 5 + 50*i;
+              })
+              .attr("y2", function(d) { return d; })
+              .attr("stroke-width", 2)
+              .attr("stroke", "black");
+        </script>
+    </body>
+</html>
\ No newline at end of file