joannecheng · June 22, 2013 21:31
diff --git a/_.md b/_.md
diff --git a/blackforest.csv b/blackforest.csv
diff --git a/config.json b/config.json
 {"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"blackforest.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}
diff --git a/inlet.js b/inlet.js
 function cleanData(data) {
  for (d in data) {
  	data[d]['size'] = parseInt(data[d]['Market value']);
  }
  return data;
 }
 function houseType(d) {
  if (d.Type == 'one story ranch') {
    return '#7AA25C'
  }
  if (d.Type == 'two story') {
  	return '#EC1157'
  }
  return 'steelblue';
 }

 var data = cleanData(tributary.blackforest);
 var w = 960;
 var h = 594;
 var center = { x: w/2, y: h/2 }

 var maxSize = d3.max(data, function(d) { return  d.size });
 var radiusScale = d3.scale.pow().exponent(0.5).domain([0, maxSize]).range([0, 20])

 var svg = d3.select('svg').append('g')
 	.attr('height', h)
 	.attr('width', w);

 var layout = d3.layout.force()
 	.nodes(data)
 	.size([h, h])
 	.alpha(0.144)
 	.gravity(0.5373952);

 var circles = svg.selectAll('.circle')
 	.data(layout.nodes())
 	.enter()
 	.append('circle')
 	.attr('r', function(d) { return radiusScale(d.size); })
 	.attr('stroke', 'black')
 	.attr('fill', function(d) { return houseType(d)});

 layout.on('tick', function() {
 	circles
 		.attr('cx', function(d) { return d.x })
 		.attr('cy', function(d) { return d.y })
 });
  
 layout.start();
	function cleanData(data) {
	for (d in data) {
	data[d]['size'] = parseInt(data[d]['Market value']);
	}
	return data;
	}
	function houseType(d) {
	if (d.Type == 'one story ranch') {
	return '#7AA25C'
	}
	if (d.Type == 'two story') {
	return '#EC1157'
	}
	return 'steelblue';
	}

	var data = cleanData(tributary.blackforest);
	var w = 960;
	var h = 594;
	var center = { x: w/2, y: h/2 }

	var maxSize = d3.max(data, function(d) { return d.size });
	var radiusScale = d3.scale.pow().exponent(0.5).domain([0, maxSize]).range([0, 20])

	var svg = d3.select('svg').append('g')
	.attr('height', h)
	.attr('width', w);

	var layout = d3.layout.force()
	.nodes(data)
	.size([h, h])
	.alpha(0.144)
	.gravity(0.5373952);

	var circles = svg.selectAll('.circle')
	.data(layout.nodes())
	.enter()
	.append('circle')
	.attr('r', function(d) { return radiusScale(d.size); })
	.attr('stroke', 'black')
	.attr('fill', function(d) { return houseType(d)});

	layout.on('tick', function() {
	circles
	.attr('cx', function(d) { return d.x })
	.attr('cy', function(d) { return d.y })
	});

	layout.start();