zeffii · February 2, 2016 14:23
diff --git a/README.md b/README.md
diff --git a/dillitant.js b/dillitant.js
 var svg = d3.select("svg")

 d3.csv("sugars.csv", function(error, data) {
  if (error) throw error;

  console.log(data);
  draw_graph(data);
  
 });

 function draw_graph(data){
  
  var g1 = svg.append("g")
  var circle = g1.selectAll('circle').data(data);
  
  var circleEnter = circle.enter().append('circle');
    
  circleEnter.attr("cx", function(d, i){return i*12;})
  circleEnter.attr("cy", function(d, i){return d.bsl*4;})
  circleEnter.attr("r", function(d, i) {return 3})
  circleEnter.style({fill: "#002200"})
  
  data.forEach(function(d){
    
    console.log(d.time);
  });
  
  
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:100%; height: 100% }
  </style>
 </head>

 <body>
  <svg></svg>
  <script src="dillitant.js"></script>
 </body>
diff --git a/sugars.csv b/sugars.csv
	var svg = d3.select("svg")

	d3.csv("sugars.csv", function(error, data) {
	if (error) throw error;

	console.log(data);
	draw_graph(data);

	});

	function draw_graph(data){

	var g1 = svg.append("g")
	var circle = g1.selectAll('circle').data(data);

	var circleEnter = circle.enter().append('circle');

	circleEnter.attr("cx", function(d, i){return i*12;})
	circleEnter.attr("cy", function(d, i){return d.bsl*4;})
	circleEnter.attr("r", function(d, i) {return 3})
	circleEnter.style({fill: "#002200"})

	data.forEach(function(d){

	console.log(d.time);
	});


	}
	<!DOCTYPE html>
	<head>
	<meta charset="utf-8">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
	<style>
	body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
	svg { width:100%; height: 100% }
	</style>
	</head>

	<body>
	<svg></svg>
	<script src="dillitant.js"></script>
	</body>