champion AA range - circles

_.md

[ Launch: champion AA range - bar ] 6759134 by asifwecanchoose
[ Launch: champions ] 6758587 by asifwecanchoose

config.json

{"description":"champion AA range - circles","endpoint":"","display":"svg","public":true,"require":[{"name":"crossfilter","url":"https://raw.github.com/square/crossfilter/master/crossfilter.min.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"stats.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/5k6fHH8.png"}

inlet.js

//process data
var data = tributary.stats;

function toNumbers(d) {
  d.AD = parseFloat(d.AD, 10);
  d.AD_MAX = parseFloat(d.AD_MAX, 10);
  d.ADinc = parseFloat(d.ADinc, 10);
  d.AR = parseFloat(d.AR, 10);
  d.AR_MAX = parseFloat(d.AR_MAX, 10);
  d.ARinc = parseFloat(d.ARinc, 10);
  d.AS = parseFloat(d.AS, 10);
  d.AS_MAX = parseFloat(d.AS_MAX, 10);
  d.ASinc = parseFloat(d.ASinc, 10);
  d.HP = parseFloat(d.HP, 10);
  d.HP_MAX = parseFloat(d.HP_MAX, 10);
  d.HPinc = parseFloat(d.HPinc, 10);
  d.HP5 = parseFloat(d.HP5, 10);
  d.HP5_MAX = parseFloat(d.HP5_MAX, 10);
  d.HP5inc = parseFloat(d.HP5inc, 10);
  d.MP = parseFloat(d.MP, 10);
  d.MP_MAX = parseFloat(d.MP_MAX, 10);
  d.MPinc = parseFloat(d.MPinc, 10);
  d.MP5 = parseFloat(d.MP5, 10);
  d.MP5_MAX = parseFloat(d.MP5_MAX, 10);
  d.MP5inc = parseFloat(d.MP5inc, 10);
  d.MR = parseFloat(d.MR, 10);
  d.MR_MAX = parseFloat(d.MR_MAX, 10);
  d.MRinc = parseFloat(d.MRinc, 10);
  d.MS = parseFloat(d.MS, 10);
  d.Range = parseFloat(d.Range);
}
data.forEach(toNumbers);


//crossfilter
var xf = crossfilter();
xf.add(data); 

var ranges = xf.dimension(function(d) {return d.Range});
var range_group = ranges.group().all();
//only one filter can be applied to a dimension--can use for 
//"rings" to list champs with that range
//to list champs above or below, sort array and bisect?



//draw stuff
var svg = d3.select("svg");
var champions = svg.selectAll("g").data(data).enter().append("g");

var rscale = d3.scale.linear()
	.domain([0,1000])
	.range([0,tributary.sw/2]);

champions.append("circle").attr({
  cx: tributary.sw/2,
  cy: tributary.sh/2,
  r: function(d,i) { return rscale(d.Range)},
  fill: "none",
  stroke: "#BEBFC9" 
});

var labels = champions.append("text")//.text(function(d,i){ return d.name})
.attr({
});

var values = champions.append("text")
//.text(function(d,i){return d.Range })
.attr({
});

stats.csv