2a:null 2b:["$","title",null,{"children":"Ancestry by U.S. County | Mike Bostock | Observable"}] 30: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; }31:[{"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}] 2e:{"id":"84c18c96454b382e","slug":"ancestry-by-u-s-county","title":"Ancestry by U.S. County","thumbnail":"86181b28b44ed3b23352023b7fd3623de1e53968c8721c7c21fc9b3fc204111c","access_level":"public","create_time":"$D2020-05-08T21:18:37.451Z","update_time":"$D2026-01-13T00:57:38.364Z","view_time":null,"first_public_time":"$D2020-05-08T22:06:17.207Z","has_unpublished_edits":null,"fork":false,"stars":30,"starred":false,"owner":{"type":"team","id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":"pro_2026"},"version":224,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null}],"members":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":26,"collection":{"id":"98a964a057c43289","slug":"county-maps","title":"County Maps","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"titling":"auto","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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"legend({\n color, \n title: `Population reporting ${variable.name} ancestry`,\n tickFormat: format\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"alldata = d3.csvParse(await FileAttachment(\"ACSDT5Y2018.B04006_data_with_overlays_2020-05-08T171725.csv\").text())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"total = \"B04006_001E\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"color = d3.scaleSequential([0, d3.max(data.values())], d3.interpolateYlGnBu)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"path = d3.geoPath()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"format = color.tickFormat(5, \"%\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"states = new Map(us.objects.states.geometries.map(d => [d.id, d.properties]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"us = FileAttachment(\"counties-albers-10m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"d3 = require(\"d3@5\", \"d3-array@2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 2f:"$2e:body"