Assignment3 - first version Jade & Patty (handed in)

Assignment3 - first version Jade & Patty (handed in)

var week3 = JSON.parse(localStorage.assignment);
var allEvents = week3.events;
 
 
var w = 1000;
var h = 500;
var padding = 2;
 
var margin = {top:50, right:50, bottom:50, left:50};
 
 
 
//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]);
 
			//Define X axis
			var xAxis = d3.svg.axis()
					.scale(xScale)
					.orient("bottom")
					.ticks(5);
		    //Define Y axis
			var yAxis = d3.svg.axis()
					.scale(yScale)
					.orient("left")
					.ticks(5);
 
 
			//Create SVG element
			var svg = d3.select("body")
					.append("svg")
					.attr("width", w + margin.left + margin.right)
					.attr("height", h + margin.top + margin.bottom)
                        .append ("g")
                        .attr("transform", "translate("+margin.left+", "+margin.top+")");
 
 
var barHeight = (h / allEvents.length) - padding;
 
svg.selectAll("rect")
	.data(allEvents)
	.enter()
	.append("rect")
	.attr("x", 0)
	.attr("y", function(d, i) {
		return i * (h / allEvents.length);
	})
	.attr("height", h / allEvents.length - padding)
	.attr("width", function(d) {
		return d.rating * 130;
	})
	.attr("fill", function(d) {
		if (d.ficticious) {
			return "#CC0066";
		} else {
			return "#66CCCC";
		}
	});
svg.selectAll("text")
	.data(allEvents)
	.enter()
	.append("text")
    .style("font-size","15px")
    .style("font-family","helvetica, verdana")
    .style("fill","white")
	.text(function(d) {
		return d.name + ": " + d.rating;
	})
	.attr("x", 10)
	.attr("font-size", (barHeight - ((barHeight / 10) * 5)))
	.attr("y", function(d, i) {
		return (((i * barHeight) + barHeight) - ((barHeight / 10) * 5) + (i * padding)); 
	});
 
//Create X axis
			svg.append("g")
				.attr("class", "axis")
				.attr("transform", "translate(0," + (h - padding) + ")")
				.call(xAxis);
 
 
//Create Y axis
			svg.append("g")
				.attr("class", "axis")
				.attr("transform", "translate(" + padding + ",0)")
				.call(yAxis);