3f:I[132969,["$2"],"IconMark"] 34:["$","title",null,{"children":"2016 Election Margin of Victory vs Foreign Born Electorate Growth Rate | Kenny Warner | Observable"}] 3c:Tf76,chart = { var svg = d3.select(DOM.svg(width, height)) .attr("width", "60%") .attr("height", "60%"); var rowConverter = function(d) { return { word: (d.word), dem: parseFloat(d.dem), rep: parseFloat(d.rep) }; }; d3.csv("https://raw.githubusercontent.com/ceguiluzrosas/D3_Json/master/Google_Trends/word_usage/word_usage_"+stateFilter+".csv", rowConverter, function(data) { var dataset = data; var x = d3.scaleLinear() .domain([0,chartBound]) .range([margin.left, width - margin.right]); var y = d3.scaleLinear() .domain([0,chartBound]) .range([height - margin.bottom, margin.bottom]); var xAxis = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).ticks(width/50)) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").clone() .attr("y2", -height) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", width/2+margin.right) .attr("y", -10) .attr("font-weight", "bold") .attr("text-anchor", "end") .attr("fill", "black") .style("font-size", "15px") .text("Democratic %")) var yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(height / 50)) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").clone() .attr("x2", width) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", -height/3-margin.top) .attr("y", 20) .attr("transform", "rotate(-90)") .attr("text-anchor", "end") .attr("font-weight", "bold") .attr("fill", "black") .style("font-size", "15px") .text("Republican %")) var tooltip = d3.select("body") .append("div") .attr("class", "tooltip") .style("background", "black") .style("position", "absolute") .style("z-index", "10") .style("visibility", "hidden"); var commas = d3.format(",.3f"); svg.append("g") .attr("stroke", "black") .attr("stroke-width", 1) .selectAll("circle") .data(dataset) .enter().append("circle") .attr("cx", d => x(d.dem)) .attr("cy", d => y(d.rep)) .attr("r", 5) .attr("fill", d => retrieveColor(d.dem, d.rep)) .on("mouseover", function(d) { tooltip.html(""); tooltip.style("visibility", "visible") .style("border", "7px solid " + "pink"); tooltip.append("div") .text("Word: "+d.word) .attr("font-weight", "bold") .style("color", "white"); tooltip.append("div") .style("color", "white") .attr("font-weight", "bold") .text("Democratic: " + commas(d.dem) + "%"); tooltip.append("div") .style("color", "white") .attr("font-weight", "bold") .text("Republican: " + commas(d.rep) + "%"); d3.selectAll("circle").style("opacity", 0.5); d3.select(this) .style("opacity", 1) .style("stroke", "#222") .style("opacity", 1) .raise(); }) .on("mousemove", function() { return tooltip.style("top", (d3.event.pageY-52) + "px").style("left", (d3.event.pageX+18) + "px"); }) .on("mouseout", function(d) { tooltip.style("visibility", "hidden"); d3.selectAll("circle").style("opacity", 1); }) svg.append("line") .attr("x1", margin.left) .attr("x2", width - margin.right) .attr("y1", height - margin.bottom) .attr("y2", margin.bottom) .style("stroke", "red"); svg.append("g") .call(yAxis); svg.append("g") .call(xAxis); }) return svg.node(); }3d:T30e4,chart1 = { var width = 1200, height = 500; const svg = d3.select(DOM.svg(width, height)) .style("width", "100%") .style("height", "100%"); var inputValue = 2018; var time = ["2018","2020","2022","2024"]; 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, 2500, 10000, 25000, 40000, 55000, 70000]); var colorRep = d3.scaleThreshold() .range(["#ffcccc","#ff9999","#ff6666","#ff3333","#ff0000","#cc0000", "#990000"]) .domain([1, 2500, 10000, 25000, 40000, 55000, 70000]); var tooltip = d3.select("body") .append("div") .attr("class", "tooltip") .style("position", "absolute") .style("z-index", "10") .style("visibility", "hidden"); var projection = d3.geoAlbersUsa(); var path = d3.geoPath().projection(projection); //background map d3.json("https://gist.githubusercontent.com/krwarner/ba149b4ed187b80cce4b9aad2135ddae/raw/8d564df8079729c819781819a084c9a1587dc434/congress_topo.json", function(error, us) { svg.selectAll(".region") .data(topojson.feature(us, us.objects.congress).features) .enter() .append("path") .attr("class", "region") .attr("d", path) .style("stroke", "#595959") .style("stroke-width", "0.15px") .style("fill", function(d) { if (d.properties.PARTY_AFF == "Democrat") { return "#e6ffff"; } else { return "#ffebe6"; } }); }); d3.queue() .defer(d3.csv, "https://gist.githubusercontent.com/krwarner/b1e1358cfb016cdce5b3b9e2633b8d48/raw/63628367dc185fbdad67a79c9d069c063e56076c/fb_mov_data_years.csv") .defer(d3.json, "https://gist.githubusercontent.com/krwarner/ba149b4ed187b80cce4b9aad2135ddae/raw/8d564df8079729c819781819a084c9a1587dc434/congress_topo.json") .await(ready); function ready(error, mov_vs_fb, us) { if (error) return console.warn(error); // console.log(mov_vs_fb20); const mov_vs_fbByDist18 = {}; const mov_vs_fbByDist20 = {}; const mov_vs_fbByDist22 = {}; const mov_vs_fbByDist24 = {}; 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 == 2018) { mov_vs_fbByDist18[d.GEOID] = d; } else if (d.year == 2020) { mov_vs_fbByDist20[d.GEOID] = d; } else if (d.year == 2022) { mov_vs_fbByDist22[d.GEOID] = d; } else if (d.year == 2024) { mov_vs_fbByDist24[d.GEOID] = d; } }); var format = d3.format(".2%"); var commas = d3.format(","); var path = d3.geoPath() .projection(d3.geoAlbersUsa()); var subset = topojson.feature(us, us.objects.congress).features.filter(function(d) { return d.id in (mov_vs_fbByDist18); }); 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_fbByDist18[d.id]; var stateName = val["state"]; console.log(stateName); var fill_color = color(val["poe_2018"]); tooltip.html(""); tooltip.style("visibility", "visible") .style("border", "7px solid " + fill_color); tooltip.append("h3").text(val.geolabel); // tooltip.append("div") // .text("Infants: " + commas(val["Population"])); tooltip.append("div") .text("Margin of Victory 2016: " + commas(val["mov_2016"])); tooltip.append("div") .text("Margin of Victory Compared to Foreign Born Growth: " + commas(val["mov_vs_FB"])); 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-52) + "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", "7px solid " + fill_color); tooltip.append("h3").text(val.geolabel); // tooltip.append("div") // .text("Infants: " + commas(val["Population"])); tooltip.append("div") .text("Margin of Victory: " + commas(val["mov_2016"])); tooltip.append("div") .text("Margin of Victory Compared to Foreign Born Growth: " + commas(val["mov_vs_FB"])); 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-52) + "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("Margin of Victory vs"); svg.append("text") .style("font-weight", "bold") .attr("x", width - 430) .attr("y", height - 152) .text("Foreign Born Growth"); var legend1 = svg.selectAll(".legend") .data(colorDem.domain().reverse()) .enter().append("g") .attr("transform", function(d,i) { return "translate(" + (width-410) + "," + (height - 144 + 16 * i) + ")"; }); legend1.append("rect") .attr("width", 10) .attr("height", 10) .style("fill", function(d) { return colorDem(d); }); legend1.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 == "2018") { return mov_vs_fbByDist18[d.id]; } else if (inputValue == "2020") { return mov_vs_fbByDist20[d.id]; } else if (inputValue == "2022") { return mov_vs_fbByDist22[d.id]; } else if (inputValue == "2024") { return mov_vs_fbByDist24[d.id]; } } function timeMatch(d) { if (inputValue == "2018") { var green_val = mov_vs_fbByDist18[d.id]; var blue_val = mov_vs_fbByDist18[d.id]; var red_val = mov_vs_fbByDist18[d.id]; if (mov_vs_fbByDist18[d.id]["party"] == "R" && mov_vs_fbByDist18[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist18[d.id]["party"] == "D" && mov_vs_fbByDist18[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist18[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#000"; } } else if (inputValue == "2020") { var green_val = mov_vs_fbByDist20[d.id]; var blue_val = mov_vs_fbByDist20[d.id]; var red_val = mov_vs_fbByDist20[d.id]; if (mov_vs_fbByDist20[d.id]["party"] == "R" && mov_vs_fbByDist20[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist20[d.id]["party"] == "D" && mov_vs_fbByDist20[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist20[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#000"; } } else if (inputValue == "2022") { var green_val = mov_vs_fbByDist22[d.id]; var blue_val = mov_vs_fbByDist22[d.id]; var red_val = mov_vs_fbByDist22[d.id]; if (mov_vs_fbByDist22[d.id]["party"] == "R" && mov_vs_fbByDist22[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist22[d.id]["party"] == "D" && mov_vs_fbByDist22[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist22[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#000"; } } else { var green_val = mov_vs_fbByDist24[d.id]; var blue_val = mov_vs_fbByDist24[d.id]; var red_val = mov_vs_fbByDist24[d.id]; if (mov_vs_fbByDist24[d.id]["party"] == "R" && mov_vs_fbByDist24[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist24[d.id]["party"] == "D" && mov_vs_fbByDist24[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist24[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#000"; } } } function initialState(d){ if (document.getElementById("range").innerHTML == 2018) { var green_val = mov_vs_fbByDist18[d.id]; var blue_val = mov_vs_fbByDist18[d.id]; var red_val = mov_vs_fbByDist18[d.id]; if (mov_vs_fbByDist18[d.id]["party"] == "R" && mov_vs_fbByDist18[d.id]["mov_vs_FB"] > 0) { return colorRep(red_val["mov_vs_FB"]); } else if (mov_vs_fbByDist18[d.id]["party"] == "D" && mov_vs_fbByDist18[d.id]["mov_vs_FB"] > 0) { return colorDem(blue_val["mov_vs_FB"]); } else if (mov_vs_fbByDist18[d.id]["mov_vs_FB"] <= 0) { return colorFB(green_val["mov_vs_FB"]); } else { return "#000"; } } } } return svg.node(); }3e:[] 38:{"id":"14b83d4901b69b89","slug":"2016-election-margin-of-victory-vs-foreign-born-electorate-","title":"2016 Election Margin of Victory vs Foreign Born Electorate Growth Rate","thumbnail":"875fc2d6ac30ca551d53b64fecb7d01be00fb9a71e42000e01212631ada6cb1c","access_level":"public","create_time":"$D2018-10-07T20:21:00.051Z","update_time":"$D2018-11-17T17:09:00.705Z","view_time":null,"first_public_time":"$D2018-10-09T15:11:41.192Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6ebfe19b938ed05f","login":"krwarner","name":"Kenny Warner","avatar_url":"https://avatars-next.observableusercontent.com/128519b73e15e24f7fa6607f95203dfd82ba9b73e7ca06a5ca882aea5dc82b7f","tier":"starter_2024","bio":"Previously founder of FuzeUs, now Data Science student at Columbia","followed_by_you":false,"follows_you":false},"version":163,"publish_version":163,"role":null,"authored":false,"authors":[{"type":"individual","id":"7c25d453e04671b3","login":"krwarner","name":"Kenny Warner","avatar_url":"https://avatars-next.observableusercontent.com/128519b73e15e24f7fa6607f95203dfd82ba9b73e7ca06a5ca882aea5dc82b7f","tier":null,"bio":"Previously founder of FuzeUs, now Data Science student at Columbia","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"7c25d453e04671b3","login":"krwarner","name":"Kenny Warner","avatar_url":"https://avatars-next.observableusercontent.com/128519b73e15e24f7fa6607f95203dfd82ba9b73e7ca06a5ca882aea5dc82b7f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"2016 Election Margin of Victory vs Foreign Born Electorate Growth Rate","cells":[{"id":0,"value":"md`# 2016 Election Margin of Victory vs Foreign Born Electorate Growth Rate`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"html`\n\n

\n
\n 2018\n

\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"// viewof chartBound = {\n// const div = html`\n// Chart Bound: \n// \n// \n// `;\n// const range = div.querySelector(\"[type=range]\");\n// const number = div.querySelector(\"[type=number]\");\n// div.value = range.value = number.value = 5;\n// range.oninput = () => number.value = div.value = range.valueAsNumber;\n// number.oninput = () => range.value = div.value = number.valueAsNumber;\n// return div;\n// }\n\nviewof chartBound = slider({\n min: 0.0, \n max: 10.0, \n step: 0.1, \n value: 10, \n title: \"Size of Visualization\", \n description: \"Choose a size (upper-bound) for visualization\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"viewof stateFilter = select({\n title: \"US States\",\n description: \"Choose a US State for query\",\n options: ['ALABAMA', 'ALASKA', 'ARIZONA', 'ARKANSAS', 'CALIFORNIA', 'COLORADO', 'CONNECTICUT', 'DELAWARE', 'FLORIDA', 'GEORGIA', 'HAWAII', 'IDAHO', 'ILLINOIS', 'INDIANA', 'IOWA', 'KANSAS', 'KENTUCKY', 'LOUISIANA', 'MAINE', 'MARYLAND', 'MASSACHUSETTS', 'MICHIGAN', 'MINNESOTA', 'MISSISSIPPI', 'MISSOURI', 'MONTANA', 'NEBRASKA', 'NEVADA', 'NEW HAMPSHIRE', 'NEW JERSEY', 'NEW MEXICO', 'NEW YORK', 'NORTH CAROLINA', 'NORTH DAKOTA', 'OHIO', 'OKLAHOMA', 'OREGON', 'PENNSYLVANIA', 'RHODE ISLAND', 'SOUTH CAROLINA', 'SOUTH DAKOTA', 'TENNESSEE', 'TEXAS', 'UTAH', 'VERMONT', 'VIRGINIA', 'WASHINGTON', 'WEST VIRGINIA', 'WISCONSIN', 'WYOMING'],\n value: \"ALABAMA\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"width = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"margin = ({top: 20, right: 35, bottom: 20, left: 35})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3e","stdlib":"1"}} 33:null 2a:[["$","title","0",{"children":"2016 Election Margin of Victory vs Foreign Born Electorate Growth Rate | Kenny Warner | Observable"}],["$","meta","1",{"property":"og:title","content":"2016 Election Margin of Victory vs Foreign Born Electorate Growth Rate"}],["$","meta","2",{"property":"og:description","content":"An Observable notebook by Kenny Warner"}],["$","meta","3",{"property":"og:url","content":"https://observablehq.com/@krwarner/2016-election-margin-of-victory-vs-foreign-born-electorate-"}],["$","meta","4",{"property":"og:site_name","content":"Observable"}],["$","meta","5",{"property":"og:image","content":"https://images.observableusercontent.com/thumbnail/875fc2d6ac30ca551d53b64fecb7d01be00fb9a71e42000e01212631ada6cb1c.jpg"}],["$","meta","6",{"property":"og:image:width","content":"640"}],["$","meta","7",{"property":"og:image:height","content":"400"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"2016 Election Margin of Victory vs Foreign Born Electorate Growth Rate"}],["$","meta","11",{"name":"twitter:description","content":"An Observable notebook by Kenny Warner"}],["$","meta","12",{"name":"twitter:image","content":"https://images.observableusercontent.com/thumbnail/875fc2d6ac30ca551d53b64fecb7d01be00fb9a71e42000e01212631ada6cb1c.jpg"}],["$","meta","13",{"name":"twitter:image:width","content":"640"}],["$","meta","14",{"name":"twitter:image:height","content":"400"}],["$","link","15",{"rel":"icon","href":"/favicon.ico?favicon.2hqc0rwsy9zm6.ico","sizes":"96x96","type":"image/x-icon"}],["$","link","16",{"rel":"icon","href":"/icon.png?icon.1mhghqfpotdlb.png","sizes":"512x512","type":"image/png"}],["$","$L3f","17",{}]] 3b:null