chart1 = { var width = 1200, height = 500; const svg = d3.select(DOM.svg(width, height)) .style("width", "100%") .style("height", "100%"); var inputValue = 2016; var time = ["2000","2001","2002","2003","2004","2005","2006","2007","2008","2009","2010","2011","2012","2013","2014","2015","2016"]; var color = d3.scaleThreshold() .range(["#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177","#49006a"]) .domain([0.014, 0.032, 0.045, 0.075, 0.1, 0.15, 0.3, 0.56]); var colorFB = d3.scaleThreshold() .range(["#4d9900","#66cc00","#80ff00","#99ff33","#b3ff66","#ccff99"]) .domain([-40000, -15000, -10000, -5000, -2500, 0]); var colorDem = d3.scaleThreshold() .range(["#809fff","#4d79ff","#1a53ff","#0039e6","#002db3", "#002080", "#001a66"]) .domain([1, 5000, 20000, 50000, 100000, 200000]); var colorRep = d3.scaleThreshold() .range(["#ffcccc","#ff9999","#ff6666","#ff3333","#ff0000","#cc0000", "#990000"]) .domain([1, 5000, 20000, 50000, 100000, 200000]); var tooltip = d3.select("body") .append("div") .attr("class", "tooltip") .style("background", "#eeeeee") .style("position", "absolute") .style("z-index", "10") .style("visibility", "hidden"); var projection = d3CompositeProjections.geoAlbersUsaTerritories(); var path = d3.geoPath().projection(projection); //background map // https://gist.githubusercontent.com/rveciana/ee2119324e835e1bad42d0e4c1b9ab0d/raw/2b2cbd9f7a56e821b36ada304d48934af3ebc27d/us.json // //https://gist.githubusercontent.com/krwarner/ba149b4ed187b80cce4b9aad2135ddae/raw/8d564df8079729c819781819a084c9a1587dc434/congress_topo.json //https://gist.githubusercontent.com/rveciana/57ab45aad3cda72b879a9a96498a2394/raw/7cb6106e87131746cf5caeb42e79036a435523c5/us_territories.json //d3.json("https://gist.githubusercontent.com/rveciana/ee2119324e835e1bad42d0e4c1b9ab0d/raw/2b2cbd9f7a56e821b36ada304d48934af3ebc27d/us.json", function(error, us) { d3.json("https://raw.githubusercontent.com/UNFPAmaldives/terr/master/us_topo_id.json", function(error, us) { svg.selectAll(".region") .data(topojson.feature(us, us.objects.cb_2014_us_state_500K).features) // .data(topojson.feature(us, us.objects.congress).features) // .data(topojson.feature(us, us.objects.states).features) .enter() .append("path") .attr("class", "region") .attr("d", path) .style("stroke", "#595959") .style("stroke-width", "1.15px") .style("fill", function(d) { if (d.properties.STUSPS == "AS") { return "#e6ffff"; } else { return "#ffebe6"; } }); svg .append("path") .style("fill","none") .style("stroke","#000") .style("stroke-dasharray","5,5") .attr("d", projection.getCompositionBorders()); }); //https://gist.githubusercontent.com/krwarner/b1e1358cfb016cdce5b3b9e2633b8d48/raw/63628367dc185fbdad67a79c9d069c063e56076c/fb_mov_data_years.csv //https://gist.githubusercontent.com/krwarner/ba149b4ed187b80cce4b9aad2135ddae/raw/8d564df8079729c819781819a084c9a1587dc434/congress_topo.json d3.queue() .defer(d3.csv, "https://docs.google.com/spreadsheets/d/1M6HHMzKeLJQbtcnCnEbqihSMagiXarCXSTuJ5FEJU4Q/gviz/tq?tqx=out:csv") // .defer(d3.csv, "https://docs.google.com/spreadsheets/d/1M6HHMzKeLJQbtcnCnEbqihSMagiXarCXSTuJ5FEJU4Q/gviz/tq?tqx=out:csv") // .defer(d3.json, "https://gist.githubusercontent.com/krwarner/ba149b4ed187b80cce4b9aad2135ddae/raw/8d564df8079729c819781819a084c9a1587dc434/congress_topo.json") .defer(d3.json, "https://raw.githubusercontent.com/UNFPAmaldives/terr/master/us_topo_id.json") .await(ready); function ready(error, mov_vs_fb, us) { if (error) return console.warn(error); //console.log(mov_vs_fb20); const mov_vs_fbByDist00 = {}; const mov_vs_fbByDist01 = {}; const mov_vs_fbByDist02 = {}; const mov_vs_fbByDist03 = {}; const mov_vs_fbByDist04 = {}; const mov_vs_fbByDist05 = {}; const mov_vs_fbByDist06 = {}; const mov_vs_fbByDist07 = {}; const mov_vs_fbByDist08 = {}; const mov_vs_fbByDist09 = {}; const mov_vs_fbByDist10 = {}; const mov_vs_fbByDist11 = {}; const mov_vs_fbByDist12 = {}; const mov_vs_fbByDist13 = {}; const mov_vs_fbByDist14 = {}; const mov_vs_fbByDist15 = {}; const mov_vs_fbByDist16 = {}; mov_vs_fb.forEach(function(d) { d.mov_vs_FB = +d.mov_vs_FB; d.mov_2016 = +d.mov_2016; d.party = d.party; d.pct_change16_20 = +d.pct_change16_20; d.poe_2018 = +d.poe_2018; d.year = +d.year; d.state = d.state; if (d.year == 2000) { mov_vs_fbByDist00[d.GEOID] = d; } else if (d.year == 2001) { mov_vs_fbByDist01[d.GEOID] = d; } else if (d.year == 2002) { mov_vs_fbByDist02[d.GEOID] = d; } else if (d.year == 2003) { mov_vs_fbByDist03[d.GEOID] = d; } else if (d.year == 2004) { mov_vs_fbByDist04[d.GEOID] = d; } else if (d.year == 2005) { mov_vs_fbByDist05[d.GEOID] = d; } else if (d.year == 2006) { mov_vs_fbByDist06[d.GEOID] = d; } else if (d.year == 2007) { mov_vs_fbByDist07[d.GEOID] = d; } else if (d.year == 2008) { mov_vs_fbByDist08[d.GEOID] = d; } else if (d.year == 2009) { mov_vs_fbByDist09[d.GEOID] = d; } else if (d.year == 2010) { mov_vs_fbByDist10[d.GEOID] = d; } else if (d.year == 2011) { mov_vs_fbByDist11[d.GEOID] = d; } else if (d.year == 2012) { mov_vs_fbByDist12[d.GEOID] = d; } else if (d.year == 2013) { mov_vs_fbByDist13[d.GEOID] = d; } else if (d.year == 2014) { mov_vs_fbByDist14[d.GEOID] = d; } else if (d.year == 2015) { mov_vs_fbByDist15[d.GEOID] = d; } else if (d.year == 2016) { mov_vs_fbByDist16[d.GEOID] = d; } }); var format = d3.format(".1%"); var commas = d3.format(","); var path = d3.geoPath() .projection(d3CompositeProjections.geoAlbersUsaTerritories()); console.log(mov_vs_fbByDist16); // var subset = topojson.feature(us, us.objects.congress).features.filter(function(d) { var subset = topojson.feature(us, us.objects.cb_2014_us_state_500K).features.filter(function(d) { //console.log(d.properties.GEOID); // return d.id in (mov_vs_fbByDist18); return d.properties.GEOID in (mov_vs_fbByDist16); }); //console.log(subset); //console.log(mov_vs_fbByDist18[d.id]["party"]); svg.append("g") .attr("class", "congress") .selectAll("path") .data(subset) .enter().append("path") .attr("d", path) .style("fill", initialState) .on("mouseover", function(d) { var val = mov_vs_fbByDist16[d.id]; var stateName = val["state"]; //console.log(stateName); var fill_color = color(val["poe_2018"]); tooltip.html(""); tooltip.style("visibility", "visible") .style("border", "0px solid " + fill_color); tooltip.append("h3") .style("color", "#1e384b") .style("padding-top", "5px") .style("padding-left", "5px") .style("padding-right", "5px") .text(val.geolabel); tooltip.append("div") .style("color", "#4a4a4a") .style("padding-left", "5px") .style("padding-right", "5px") .attr("font-family", "Arial") .text("Number of admissions: " + commas(val["mov_vs_FB"])); tooltip.append("div") .style("color", "#4a4a4a") .style("padding-left", "5px") .style("padding-right", "5px") .attr("font-family", "Arial") .text("Number of transfers: " + commas(val["mov_2016"])); tooltip.append("div") .style("color", "#4a4a4a") .style("padding-left", "5px") .style("padding-bottom", "5px") .attr("font-family", "Arial") .text("Another value: " + format(val["poe_2018"])); d3.selectAll(".congress path") .style("opacity", 0.3) .style("stroke", null); d3.select(this) .style("opacity", 1) .style("stroke", "#222") .raise(); d3.selectAll(".STATE_FIPS") .style("opacity", 0); return stateName; }) .on("mousemove", function() { return tooltip.style("top", (d3.event.pageY-132) + "px").style("left", (d3.event.pageX+18) + "px"); }) .on("mouseout", function() { tooltip.style("visibility", "hidden"); d3.selectAll(".congress path") .style("opacity", 1); d3.selectAll(".STATE_FIPS") .style("opacity", 1); }); // when the input range changes update the rectangle d3.select("#timeslide").on("input", function() { update(+this.value); }); function update(value) { document.getElementById("range").innerHTML=time[value]; inputValue = time[value]; d3.selectAll(".congress path").remove(); svg.append("g") .attr("class", "congress") .selectAll("path") .data(subset) .enter().append("path") .attr("d", path) .style("fill", function(d) { return timeMatch(d); }) .on("mouseover", function(d) { var val = use_data(d); var fill_color = color(val["poe_2018"]); tooltip.html(""); tooltip.style("visibility", "visible") .style("border", "0px solid " + fill_color); tooltip.append("h3") .text(val.geolabel) .style("padding-top", "5px") .style("padding-left", "5px") .style("padding-right", "5px") .style("color", "#1e384b"); tooltip.append("div") .style("color", "#4a4a4a") .style("padding-left", "5px") .style("padding-right", "5px") .attr("font-family", "Arial") .text("Number of admissions: " + commas(val["mov_vs_FB"])); tooltip.append("div") .style("color", "#4a4a4a") .style("padding-left", "5px") .style("padding-right", "5px") .attr("font-family", "Arial") .text("Transfers: " + commas(val["mov_2016"])); tooltip.append("div") .style("color", "#4a4a4a") .style("padding-left", "5px") .style("padding-bottom", "5px") .attr("font-family", "Arial") .text("Proportion of US total: " + format(val["poe_2018"])); d3.selectAll(".congress path") .style("opacity", 0.3) .style("stroke", null); d3.select(this) .style("opacity", 1) .style("stroke", "#222") .raise(); d3.selectAll(".STATE_FIPS") .style("opacity", 0); }) .on("mousemove", function() { return tooltip.style("top", (d3.event.pageY-132) + "px").style("left", (d3.event.pageX+18) + "px"); }) .on("mouseout", function() { tooltip.style("visibility", "hidden"); d3.selectAll(".congress path") .style("opacity", 1); d3.selectAll(".STATE_FIPS") .style("opacity", 1); }); } // svg.append("path") // .datum(topojson.mesh(us, us.objects.STATE_FIPS, function(a, b) { return a.id !== b.id; })) // .attr("class", "STATE_FIPS") // .attr("d", path); svg.append("text") .style("font-weight", "bold") .attr("x", width - 430) .attr("y", height - 170) .text("Number of"); svg.append("text") .style("font-weight", "bold") .attr("x", width - 430) .attr("y", height - 152) .text("admissions"); var legend2 = svg.selectAll(".legend") .data(colorRep.domain().reverse()) .enter().append("g") .attr("transform", function(d,i) { return "translate(" + (width-425) + "," + (height - 144 + 16 * i) + ")"; }); legend2.append("rect") .attr("width", 10) .attr("height", 10) .style("fill", function(d) { return colorRep(d); }); legend2.append("text") .attr("x", 16) .attr("y", 9) .style("font-size", "10px") .text(function(d) { return commas(d); }); /* var legend2 = svg.selectAll(".legend") .data(colorRep.domain().reverse()) .enter().append("g") .attr("transform", function(d,i) { return "translate(" + (width-425) + "," + (height - 144 + 16 * i) + ")"; }); legend2.append("rect") .attr("width", 10) .attr("height", 10) .style("fill", function(d) { return colorRep(d); }); var legend3 = svg.selectAll(".legend") .data(colorFB.domain().reverse()) .enter().append("g") .attr("transform", function(d,i) { return "translate(" + (width-350) + "," + (height - 144 + 16 * i) + ")"; }); legend3.append("rect") .attr("width", 10) .attr("height", 10) .style("fill", function(d) { return colorFB(d); }); legend3.append("text") .attr("x", 16) .attr("y", 9) .style("font-size", "10px") .text(function(d) { return commas(d); }); */ function use_data(d) { if (inputValue == "2000") { return mov_vs_fbByDist00[d.id]; } else if (inputValue == "2001") { return mov_vs_fbByDist01[d.id]; } else if (inputValue == "2002") { return mov_vs_fbByDist02[d.id]; } else if (inputValue == "2003") { return mov_vs_fbByDist03[d.id]; } else if (inputValue == "2004") { return mov_vs_fbByDist04[d.id]; } else if (inputValue == "2005") { return mov_vs_fbByDist05[d.id]; } else if (inputValue == "2006") { return mov_vs_fbByDist06[d.id]; } else if (inputValue == "2007") { return mov_vs_fbByDist07[d.id]; } else if (inputValue == "2008") { return mov_vs_fbByDist08[d.id]; } else if (inputValue == "2009") { return mov_vs_fbByDist09[d.id]; } else if (inputValue == "2010") { return mov_vs_fbByDist10[d.id]; } else if (inputValue == "2011") { return mov_vs_fbByDist11[d.id]; } else if (inputValue == "2012") { return mov_vs_fbByDist12[d.id]; } else if (inputValue == "2013") { return mov_vs_fbByDist13[d.id]; } else if (inputValue == "2014") { return mov_vs_fbByDist14[d.id]; } else if (inputValue == "2015") { return mov_vs_fbByDist15[d.id]; } else if (inputValue == "2016") { return mov_vs_fbByDist16[d.id]; } } function timeMatch(d) { if (inputValue == "2000") { var green_val = mov_vs_fbByDist00[d.id]; var blue_val = mov_vs_fbByDist00[d.id]; var red_val = mov_vs_fbByDist00[d.id]; if (mov_vs_fbByDist00[d.id]["party"] == "R" && mov_vs_fbByDist00[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist00[d.id]["party"] == "D" && mov_vs_fbByDist00[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist00[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2001") { var green_val = mov_vs_fbByDist01[d.id]; var blue_val = mov_vs_fbByDist01[d.id]; var red_val = mov_vs_fbByDist01[d.id]; if (mov_vs_fbByDist01[d.id]["party"] == "R" && mov_vs_fbByDist01[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist01[d.id]["party"] == "D" && mov_vs_fbByDist01[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist01[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2002") { var green_val = mov_vs_fbByDist02[d.id]; var blue_val = mov_vs_fbByDist02[d.id]; var red_val = mov_vs_fbByDist02[d.id]; if (mov_vs_fbByDist02[d.id]["party"] == "R" && mov_vs_fbByDist02[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist02[d.id]["party"] == "D" && mov_vs_fbByDist02[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist02[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2003") { var green_val = mov_vs_fbByDist03[d.id]; var blue_val = mov_vs_fbByDist03[d.id]; var red_val = mov_vs_fbByDist03[d.id]; if (mov_vs_fbByDist03[d.id]["party"] == "R" && mov_vs_fbByDist03[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist03[d.id]["party"] == "D" && mov_vs_fbByDist03[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist03[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2004") { var green_val = mov_vs_fbByDist04[d.id]; var blue_val = mov_vs_fbByDist04[d.id]; var red_val = mov_vs_fbByDist04[d.id]; if (mov_vs_fbByDist04[d.id]["party"] == "R" && mov_vs_fbByDist04[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist04[d.id]["party"] == "D" && mov_vs_fbByDist04[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist04[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2005") { var green_val = mov_vs_fbByDist05[d.id]; var blue_val = mov_vs_fbByDist05[d.id]; var red_val = mov_vs_fbByDist05[d.id]; if (mov_vs_fbByDist05[d.id]["party"] == "R" && mov_vs_fbByDist05[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist05[d.id]["party"] == "D" && mov_vs_fbByDist05[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist05[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2006") { var green_val = mov_vs_fbByDist06[d.id]; var blue_val = mov_vs_fbByDist06[d.id]; var red_val = mov_vs_fbByDist06[d.id]; if (mov_vs_fbByDist06[d.id]["party"] == "R" && mov_vs_fbByDist06[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist06[d.id]["party"] == "D" && mov_vs_fbByDist06[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist06[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2007") { var green_val = mov_vs_fbByDist07[d.id]; var blue_val = mov_vs_fbByDist07[d.id]; var red_val = mov_vs_fbByDist07[d.id]; if (mov_vs_fbByDist07[d.id]["party"] == "R" && mov_vs_fbByDist07[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist07[d.id]["party"] == "D" && mov_vs_fbByDist07[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist07[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2008") { var green_val = mov_vs_fbByDist08[d.id]; var blue_val = mov_vs_fbByDist08[d.id]; var red_val = mov_vs_fbByDist08[d.id]; if (mov_vs_fbByDist08[d.id]["party"] == "R" && mov_vs_fbByDist08[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist08[d.id]["party"] == "D" && mov_vs_fbByDist08[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist08[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2009") { var green_val = mov_vs_fbByDist09[d.id]; var blue_val = mov_vs_fbByDist09[d.id]; var red_val = mov_vs_fbByDist09[d.id]; if (mov_vs_fbByDist09[d.id]["party"] == "R" && mov_vs_fbByDist09[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist09[d.id]["party"] == "D" && mov_vs_fbByDist09[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist09[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2010") { var green_val = mov_vs_fbByDist10[d.id]; var blue_val = mov_vs_fbByDist10[d.id]; var red_val = mov_vs_fbByDist10[d.id]; if (mov_vs_fbByDist10[d.id]["party"] == "R" && mov_vs_fbByDist10[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist10[d.id]["party"] == "D" && mov_vs_fbByDist10[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist10[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2011") { var green_val = mov_vs_fbByDist11[d.id]; var blue_val = mov_vs_fbByDist11[d.id]; var red_val = mov_vs_fbByDist11[d.id]; if (mov_vs_fbByDist11[d.id]["party"] == "R" && mov_vs_fbByDist11[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist11[d.id]["party"] == "D" && mov_vs_fbByDist11[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist11[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2012") { var green_val = mov_vs_fbByDist12[d.id]; var blue_val = mov_vs_fbByDist12[d.id]; var red_val = mov_vs_fbByDist12[d.id]; if (mov_vs_fbByDist12[d.id]["party"] == "R" && mov_vs_fbByDist12[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist12[d.id]["party"] == "D" && mov_vs_fbByDist12[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist12[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2013") { var green_val = mov_vs_fbByDist13[d.id]; var blue_val = mov_vs_fbByDist13[d.id]; var red_val = mov_vs_fbByDist13[d.id]; if (mov_vs_fbByDist13[d.id]["party"] == "R" && mov_vs_fbByDist13[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist13[d.id]["party"] == "D" && mov_vs_fbByDist13[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist13[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2014") { var green_val = mov_vs_fbByDist14[d.id]; var blue_val = mov_vs_fbByDist14[d.id]; var red_val = mov_vs_fbByDist14[d.id]; if (mov_vs_fbByDist14[d.id]["party"] == "R" && mov_vs_fbByDist14[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist14[d.id]["party"] == "D" && mov_vs_fbByDist14[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist14[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else if (inputValue == "2015") { var green_val = mov_vs_fbByDist15[d.id]; var blue_val = mov_vs_fbByDist15[d.id]; var red_val = mov_vs_fbByDist15[d.id]; if (mov_vs_fbByDist15[d.id]["party"] == "R" && mov_vs_fbByDist15[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist15[d.id]["party"] == "D" && mov_vs_fbByDist15[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist15[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } else { var green_val = mov_vs_fbByDist16[d.id]; var blue_val = mov_vs_fbByDist16[d.id]; var red_val = mov_vs_fbByDist16[d.id]; if (mov_vs_fbByDist16[d.id]["party"] == "R" && mov_vs_fbByDist16[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist16[d.id]["party"] == "D" && mov_vs_fbByDist16[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist16[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } } function initialState(d){ if (document.getElementById("range").innerHTML == 2016) { var green_val = mov_vs_fbByDist16[d.id]; var blue_val = mov_vs_fbByDist16[d.id]; var red_val = mov_vs_fbByDist16[d.id]; console.log(mov_vs_fbByDist16[d.id]["mov_vs_FB"]); if (mov_vs_fbByDist16[d.id]["party"] == "R" && mov_vs_fbByDist16[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist16[d.id]["party"] == "D" && mov_vs_fbByDist16[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist16[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#dedede"; } } } } return svg.node(); }