transpo explorer

_.md

[ Launch: Tributary inlet ] 8948529 by jwhendy

config.json

{"description":"transpo explorer","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"data.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":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/BmepbbY.png"}

data.csv

inlet.js

data = tributary.data

var x_var = "average_occupancy";
var y_var = "btus_pmile";
var col_var = "mode";

var width = 800;
var height = 500;
var pad = 50;


var max_x = d3.max(data, function(d) {return +d[x_var] ;} );
var max_y = d3.max(data, function(d) {return +d[y_var] ;} );
var max_col = d3.max(data, function(d) {return d[col_var] ;} );

scale_x = d3.scale.log()
  .domain([1, max_x])
  .range([pad, width - pad]);

scale_y = d3.scale.log()
  .domain([1, max_y])
  .range([pad, height - pad]);

scale_color = d3.scale.category10()

var svg = d3.select("svg")
  .attr("width", width)
  .attr("height", height);

var circles = svg.selectAll("circle")
  .data(data)
  .enter()
  .append("circle")
    .attr("cx", function(d) { return scale_x(+d[x_var]) ;} )
    .attr("cy", function(d) { return height - scale_y(+d[y_var]) ;} )
    .attr("r", 4)
    .attr("fill", function(d) {return scale_color(d[col_var]) ;} );