test.js

function test()
{
	var width = 1024;
	var height = 768;
	var ctrl = d3.select(".newsletter").append("svg").attr("width", width).attr("height", height);
	d3.csv("https://pecu.github.io/D3/stocks.csv",
	      function(data) { console.log(data); });
	d3.csv("https://pecu.github.io/D3/HistoricalQuotes.csv", 
		function(data)
		{
			var ln = data.length;
			console.log(data);
			var maxy = d3.max(data, function(d){ return d.close; });
			var lines = d3.line().x(function(d,i){return i*(width/ln);}).y(function(d){return height-d.close*(height/maxy)});
			ctrl.append("path").attr("d", function(d){
				return "M0,"+height+"L"+width+","+height;
			}).attr("stroke", "black").attr("fill", "none");
			ctrl.append("path").attr("d", function(d){
				return "M0,0"+"L0,"+height;
			}).attr("stroke", "black").attr("fill", "none");
			ctrl.append("path").data([data]).attr("d", lines).attr("stroke", "red").attr("fill", "none");
			var x = d3.scaleTime().range([0, width]);
			var y = d3.scaleLinear().range([height, 0]);	
			x.domain(d3.extent(data, function(d) { return d.date; }));
			y.domain([0, maxy]);
			ctrl.append("g")
	      	.attr("transform", "translate(0," + height + ")")
	      	.call(d3.axisBottom(x));
	  		ctrl.append("g")
	      	.call(d3.axisLeft(y));
		}

	);
}