MEI Data - City

_.md

[ Launch: MEI Data - City ] 7726273 by gelicia
[ Launch: MEI Data - City ] 7726038 by trinary
[ Launch: obesity map ] 7714930 by gelicia
[ Launch: obesity map ] 5651657 by enjalot

config.json

{"description":"MEI Data - City","endpoint":"","display":"svg","public":true,"require":[{"name":"topojson","url":"http://d3js.org/topojson.v1.min.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"obesity.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"us.json":{"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},"MEIData.csv":{"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,"thumbnail":"http://i.imgur.com/96sEVp2.png","ajax-caching":true}

inlet.js

var width = 749,height = 413;
 
var topology = tributary.us;
var geometries = topology.objects.states.geometries;

var svg = d3.select("svg");
var map = svg.append("g").classed("map", true);

var projection = d3.geo.albersUsa()
	.scale(706)
	.translate([width / 2, height / 2]);

var path = d3.geo.path().projection(projection);
var scoreColor = d3.scale.linear()
	.domain([0,100])
	.interpolate(d3.interpolateHsl)
	.range(["#CC3131","#1FFF00"]);

map.selectAll("path").data(topojson.feature(topology, topology.objects.states).features).enter()
.append("path")
    .attr({
		d: path,
        stroke: '#000',
		id: function(d){return d.id;},
        fill: '#414141'
   });

var dataLayer = svg.append("g").classed("dataLayer", true);
var meiData = tributary.MEIData;

dataLayer.selectAll("circle").data(meiData).enter().append("circle")
.attr({
	"transform" : function(d) {return "translate(" + projection([d.Longitude,d.Latitude]) + ")";},
    "r" : function(d) { return 3; },
	fill : function(d) { console.log(d["City-FinalScore-100"]); return scoreColor(d["City-FinalScore-100"])},
	"opacity": 0.5,
	stroke: function(d) { console.log(d["City-FinalScore-100"]); return scoreColor(d["City-FinalScore-100"])},
    "stroke-width": "13",
	"stroke-opacity":0.25
});

MEIData.csv

us.json