bessiec · November 25, 2016 18:23
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="utf-8">
 	    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.js"></script>
 	    <script src="https://cdnjs.cloudflare.com/ajax/libs/dimple/2.2.0/dimple.latest.js"></script>
 	    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 	    <style>
 	    	body {
 	    		font-family: Source Sans Pro;
 	    		margin-left: 5%;
 	    	}
 	 	</style>
 	</head>

 <body>
 	<h1>NYCFC First Season Shots versus Shots on Goal Per Player</h1>
 	<h3>From <a href="http://www.nycfc.com/stats/season">NYCFC Stats</a></h3>
 	<script type="text/javascript">

 	function draw(data) {
 		var margin = 10,
 			width = 800 - margin,
 			height = 600 - margin;

 		var svg = d3.select("body")
 			.append("svg")
 				.attr("width", width + margin)
 				.attr("height", height + margin)
 			.append('g')
 				.attr('class', 'chart');


 		var Chart = new dimple.chart(svg, data);
 		var x = Chart.addMeasureAxis("x", "Shots")
 		Chart.addMeasureAxis("y", "Shots on Goal")
 		Chart.addSeries(["Player"], dimple.plot.scatter)
 		Chart.draw();
 	};

 	</script>
    
    <script type="text/javascript">
   	 d3.csv("nycfc.csv", draw)
    </script>

 </body>
 </html>


diff --git a/nycfc.csv b/nycfc.csv
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/dimple/2.2.0/dimple.latest.js"></script>
	<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
	<style>
	body {
	font-family: Source Sans Pro;
	margin-left: 5%;
	}
	</style>
	</head>

	<body>
	<h1>NYCFC First Season Shots versus Shots on Goal Per Player</h1>
	<h3>From <a href="http://www.nycfc.com/stats/season">NYCFC Stats</a></h3>
	<script type="text/javascript">

	function draw(data) {
	var margin = 10,
	width = 800 - margin,
	height = 600 - margin;

	var svg = d3.select("body")
	.append("svg")
	.attr("width", width + margin)
	.attr("height", height + margin)
	.append('g')
	.attr('class', 'chart');


	var Chart = new dimple.chart(svg, data);
	var x = Chart.addMeasureAxis("x", "Shots")
	Chart.addMeasureAxis("y", "Shots on Goal")
	Chart.addSeries(["Player"], dimple.plot.scatter)
	Chart.draw();
	};

	</script>

	<script type="text/javascript">
	d3.csv("nycfc.csv", draw)
	</script>

	</body>
	</html>