31:T53b,viewof variable = { const form = html``; const params = new URL(location).searchParams; form.select.value = params.get("ancestry") || params.get("race") || "B04006_042E"; form.select.onchange = () => { form.value = variables.get(form.select.value); form.querySelector("a").href = `?race=${form.select.value}`; form.dispatchEvent(new CustomEvent("input")); }; form.select.onchange(); return form; }32:[{"id":"af8d12c9ba7ce2e0c0061559ed9f8ee9c59bba75f293ee35acebbab0c4503d62c900a07f74eb68fbd73c9ebb26debf5a67bb8791894973ebc135dc4c531f8f6b","href":"https://static.observableusercontent.com/files/af8d12c9ba7ce2e0c0061559ed9f8ee9c59bba75f293ee35acebbab0c4503d62c900a07f74eb68fbd73c9ebb26debf5a67bb8791894973ebc135dc4c531f8f6b","name":"ACSDT5Y2018.B04006_data_with_overlays_2020-05-08T171725.csv","type":"text/csv","lastModified":1588972758512.253,"size":3633376},{"id":"b0de465837e0bf1ec8105ceeb5e78e6b9d09f928ff920ae143f8a6626991bedf83ac347e9810d9ae3402eebface356723faa82968589b567ed685ae53930fb41","href":"https://static.observableusercontent.com/files/b0de465837e0bf1ec8105ceeb5e78e6b9d09f928ff920ae143f8a6626991bedf83ac347e9810d9ae3402eebface356723faa82968589b567ed685ae53930fb41","name":"counties-albers-10m.json","type":"application/json","lastModified":1588973288891.137,"size":795406}] 2f:{"title":"Ancestry by U.S. County","cells":[{"id":0,"value":"md`# Ancestry by U.S. County\n\nData: [ACS 5-Year Estimates, 2018](https://data.census.gov/cedsci/table?tid=ACSDT5Y2018.B04006&vintage=2018)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"legend({\n color, \n title: `Population reporting ${variable.name} ancestry`,\n tickFormat: format\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, 975, 610]);\n\n svg.append(\"g\")\n .selectAll(\"path\")\n .data(topojson.feature(us, us.objects.counties).features)\n .join(\"path\")\n .attr(\"fill\", d => color(data.get(d.id)))\n .attr(\"d\", path)\n .append(\"title\")\n .text(d => `${d.properties.name}, ${states.get(d.id.slice(0, 2)).name}\n${format(data.get(d.id))}`);\n\n svg.append(\"path\")\n .datum(topojson.mesh(us, us.objects.states, (a, b) => a !== b))\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"#ccc\")\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"d\", path);\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"alldata = d3.csvParse(await FileAttachment(\"ACSDT5Y2018.B04006_data_with_overlays_2020-05-08T171725.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":220,"value":"total = \"B04006_001E\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"variables = new Map(Object.entries(alldata[0])\n .filter(([GEO_ID]) => /^B\\d+_\\d+E$/.test(GEO_ID) && GEO_ID !== total)\n .map(([GEO_ID, id]) => [GEO_ID, {id: GEO_ID, name: id.split(/!!/g).pop(), total: d3.sum(alldata.slice(1), d => d[GEO_ID])}])\n .sort(([, {total: a}], [, {total: b}]) => d3.descending(a, b)))","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"data = new Map(alldata.slice(1).map(d => [d.GEO_ID.slice(-5), +d[variable.id] / +d[total]]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"color = d3.scaleSequential([0, d3.max(data.values())], d3.interpolateYlGnBu)","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"path = d3.geoPath()","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"format = color.tickFormat(5, \"%\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"states = new Map(us.objects.states.geometries.map(d => [d.id, d.properties]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":53,"value":"us = FileAttachment(\"counties-albers-10m.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"d3 = require(\"d3@5\", \"d3-array@2\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}