2e:null 2f:["$","title",null,{"children":"US and Other Jurisdictions Choropleth With Time Slider | UNFPA Maldives | Observable"}] 34:T69fe,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(); }35:[] 32:{"id":"e5951d90e76c0656","slug":"us-and-other-jurisdictions-choropleth-with-time-slider","title":"US and Other Jurisdictions Choropleth With Time Slider","thumbnail":"77298e942f117174b3660b01c5d5f7bda6c94676ada41de57f7170a3bb96b1aa","access_level":"public","create_time":"$D2019-03-21T23:27:28.289Z","update_time":"$D2023-05-17T02:09:03.826Z","view_time":null,"first_public_time":"$D2019-03-22T15:04:39.124Z","has_unpublished_edits":null,"fork":true,"stars":3,"starred":false,"owner":{"type":"team","id":"09bcea88585c0c38","login":"unfpamaldives","name":"UNFPA Maldives","avatar_url":"https://avatars-next.observableusercontent.com/d1ce398249a9dd0a7e85710e7dcf2aa0c042b65331524c37bfa63009133b7200","tier":"starter_2024"},"version":554,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bca829c8da9a534c","login":"unfpamaldives","name":"UNFPA Maldives","avatar_url":"https://avatars-next.observableusercontent.com/d1ce398249a9dd0a7e85710e7dcf2aa0c042b65331524c37bfa63009133b7200","tier":null}],"members":[{"type":"individual","id":"bca829c8da9a534c","login":"unfpamaldives","name":"UNFPA Maldives","avatar_url":"https://avatars-next.observableusercontent.com/d1ce398249a9dd0a7e85710e7dcf2aa0c042b65331524c37bfa63009133b7200","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":14,"collection":null,"type":"notebook","body":{"title":"US and Other Jurisdictions Choropleth With Time Slider","cells":[{"id":220,"value":"md `# US and Other Jurisdictions Choropleth With Time Slider`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"md `Demonstration of concept. A work in progress.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"md`### TEDS Admissions by State, 2000–2016`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"html`\n Choose a Year\n

\n
\n 2016\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":479,"value":"md `TODO:\nadd data switching via radio button;\nsvg path should have state name for 508; NaN to display \"no or insufficient data\"\n.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"md `Resources/References:
\n* Inputs - https://beta.observablehq.com/@jashkenas/inputs\n* Map Example = http://blockbuilder.org/syntagmatic/623a3221d3e694f85967d83082fd4a77\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"md `Imports and Parameters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"https://d3js.org/d3.v4.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"d3CompositeProjections = require(\"d3-composite-projections@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"function retrieveColor(x, y) {\n if (x > y ) {return \"#4152f4\";}\n else {return \"#f44141\";}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"viewof f = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"uploadedcsv = d3.csvParse(await Files.text(f))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"