2e:null 2f:["$","title",null,{"children":"COVID-19 and Jail Incarceration in Michigan | In Our Backyards | Observable"}] 34:T13fc,chart = { const height = width * .3; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font-family", "GT Walsheim Regular"); const covidArea = svg.append("path").attr("fill", veraColors["black"]); const jailArea = svg .append("path") .attr("fill", veraColors["darkestGray"]) .style("opacity", .5); const xAxis = svg .append("g") .attr("transform", `translate(0,${height - margin.bottom * 2})`) .call( d3 .axisBottom(x) .tickSizeOuter(0) .ticks(width / 150) .tickFormat(i => d3.timeFormat("%B %d")(d3.timeParse("%Y-%m-%d")(dateRange[i])) ) ); const leftAxis = svg .append("g") .attr("transform", `translate(${margin.left * 2}, 0)`); const rightAxis = svg .append("g") .attr("transform", `translate(${width - margin.right * 2}, 0)`); svg.selectAll(".tick > text").style("font-family", "GT Walsheim Regular"); const axisLabelFontSize = width < 600 ? 10 : 16; const leftLabel = svg .append("text") .attr( "transform", `translate(${margin.left / 2}, ${height / 2}), rotate(-90)` ) .style("text-anchor", "middle") .text("Jail Population") .style("font-size", axisLabelFontSize); const rightLabel = svg .append("text") .attr( "transform", `translate(${width - margin.right / 2}, ${height / 2}), rotate(90)` ) .style("text-anchor", "middle") .text(width > 600 ? "COVID-19 Cases in State" : "COVID-19 Cases") .style("font-size", axisLabelFontSize); const line = svg .append("line") .attr("y1", margin.top * 2) .attr("y2", height - margin.bottom * 2) .style("stroke-width", 2) .style("stroke", "red") .style("display", "none"); let lineText = svg .append("text") .attr( "transform", `translate(${width < 600 ? 70 : 100}, ${margin.top - 5})` ) .attr("font-size", axisLabelFontSize); let secondText = svg .append("text") .attr( "transform", `translate(${width < 600 ? 70 : 100}, ${width < 600 ? margin.top + 8 : margin.top + 12})` ) .attr("font-size", axisLabelFontSize); return Object.assign(svg.node(), { update(fips, covidData, jailData) { const t = svg.transition().duration(1000); const updateText = i => { const firstLine = ` On ${d3.timeFormat("%B %d")(d3.timeParse("%Y-%m-%d")(dateRange[i]))}, there were ${d3.format(",")(jailData[i])} people in jail`; const secondLine = ` and ${d3.format(",")(covidData[i])} COVID-19 cases in ${fipsToCounty.get(fips)}.`; if (width < 800) { lineText.text(firstLine); secondText.text(secondLine); } else { lineText.text(firstLine + secondLine); } }; updateText(dateRange.length - 1); rightLabel .transition(t) .text(width > 600 ? "COVID-19 Cases in County" : "COVID-19 Cases"); const jailY = d3 .scaleLinear() .domain([0, d3.max(jailData) || 1]) .nice() .range([height - margin.bottom * 2, margin.top * 2]); const covidY = d3 .scaleLinear() .domain([0, d3.max(covidData) || 1]) .nice() .range([height - margin.bottom * 2, margin.top * 2]); covidArea .datum(covidData) .transition(t) .attr( "d", d3 .area() .curve(d3.curveLinear) .x((d, i) => x(i)) .y0(d => covidY(d)) .y1(d => covidY(0)) ); jailArea .datum(jailData) .transition(t) .attr( "d", d3 .area() .curve(d3.curveLinear) .x((d, i) => x(i)) .y0(d => jailY(d)) .y1(d => jailY(0)) ); leftAxis.transition(t).call( d3 .axisLeft(jailY) .tickValues(jailY.ticks(height / 30).filter(Number.isInteger)) .tickFormat(d3.format(",")) .tickPadding(20) ); rightAxis.transition(t).call( d3 .axisRight(covidY) .tickValues(covidY.ticks(height / 30).filter(Number.isInteger)) .tickFormat(d3.format(",")) .tickPadding(20) ); svg.selectAll(".tick > text").style("font-family", "GT Walsheim Regular"); svg .on("mousemove", () => { d3.event.preventDefault(); const [mouseX, mouseY] = d3.mouse(this); const [minX, maxX] = x.range(); if (mouseX < minX || mouseX > maxX) { line.style("display", "none"); return; } const i = Math.floor(x.invert(mouseX)); const nearestX = x(i); line .attr("x1", nearestX) .attr("x2", nearestX) .style("display", "inline"); updateText(i); }) .on("mouseleave", () => { line.style("display", "none"); updateText(dateRange.length - 1); }); } }); }35:T100a,map = { const height = width * .6; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font-family", "GT Walsheim Regular"); const projection = d3 .geoMercator() .scale(1) .translate([0, 0]); const path = d3.geoPath(projection); const b = path.bounds(mi), s = .9 / Math.max((b[1][0] - b[0][0]) / width, (b[1][1] - b[0][1]) / height), t = [ (width - s * (b[1][0] + b[0][0])) / 2, (height - s * (b[1][1] + b[0][1])) / 2 ]; t[0] += 30; projection.scale(s).translate(t); const legend = svg.append("g").attr("transform", "translate(80,10)"); const legendOffset = width < 600 ? 25 : 0; const tickFontSize = width < 600 ? 8 : 12; const axisLabel = width < 600 ? 8 : 16; const legendNumTicks = width < 600 ? color.domain.length / 2 : color.domain.length; const legendY = d3 .scaleLinear() .domain(d3.extent(color.domain())) .rangeRound([ margin.top - legendOffset, height - 4 * margin.bottom - legendOffset ]); legend .selectAll("rect") .data(color.range().map(d => color.invertExtent(d))) .join("rect") .attr("y", d => legendY(d[0])) .attr("width", 16) .attr("height", d => legendY(d[1]) - legendY(d[0]) || 0) .attr("fill", d => color(d[0])); legend.call( d3 .axisLeft(legendY) .tickSize(0) .tickPadding(20) .tickFormat(width > 600 ? legendTickFormat : legendTickFormatSmall) .tickValues( color .range() .slice(1) .map(d => { return color.invertExtent(d)[0]; }) ) ); legend .selectAll(".tick > text") .style("font-family", "GT Walsheim Regular") .style("font-size", tickFontSize); legend.select(".domain").remove(); svg .append("text") .attr( "transform", `translate(${margin.left / 2}, ${height / 2}), rotate(-90)` ) .style("text-anchor", "middle") .text( width > 600 ? "Percent change in jail population" : "% change in jail population" ) .style("font-size", axisLabel); const hatchPattern = svg .append("pattern") .attr("id", "hatch-1") .attr("width", 2.5) .attr("height", 10) .attr("patternUnits", "userSpaceOnUse") .append("rect") .attr("width", 1.5) .attr("height", 50) .style("fill", veraColors['mediumGray']); const map = svg .append("g") .selectAll("path") .data(mi.features) .join("path") .attr("d", path) .attr("fill", colorCounty) .attr("stroke", "black") .style("cursor", "pointer") .on("click", d => { if (selected && selectedFips == d["properties"]["GEOID"]) { mutable selected = false; mutable selectedFips = 26163; } else { mutable selected = true; mutable selectedFips = +d["properties"]["GEOID"]; viewof selectedCounty.input.value = `${d["properties"]["NAME"]} County`; } }) .on("mouseover", d => { if (!selected) viewof selectedCounty.input.value = `${d["properties"]["NAME"]} County`; tooltip .transition() .duration(200) .style("opacity", .9); tooltip .html(tooltipText(d)) .style("left", d3.event.pageX + "px") .style("top", d3.event.pageY - 28 + "px"); }) .on("mouseleave", d => { if (!selected) viewof selectedCounty.input.value = "Wayne County"; tooltip .transition() .duration(500) .style("opacity", 0); }); svg.on("click", e => { if (d3.event.target.tagName != "path") { viewof selectedCounty.input.value = "Wayne County"; mutable selectedFips = 26163; } }); if (showMap) { return Object.assign(svg.node(), { update(fips) { map .transition() .duration(400) .attr("stroke-width", d => d["properties"]["GEOID"] == fips ? "3px" : "1px" ) .style("opacity", d => (d["properties"]["GEOID"] == fips ? 1 : .8)); } }); } else { return md``; } }36:[{"id":"a9ab2e74963a3a87a13e76f9723b6c471974d89e7ff025da0c030cdfce157b73b9346531ae2f8905eab6f9b78dfd59ecffc0e178be9f386e1084c94c50d48556","href":"https://static.observableusercontent.com/files/a9ab2e74963a3a87a13e76f9723b6c471974d89e7ff025da0c030cdfce157b73b9346531ae2f8905eab6f9b78dfd59ecffc0e178be9f386e1084c94c50d48556","name":"MI-26-michigan-counties.json","type":"application/json","lastModified":1591905458171.931,"size":28865},{"id":"e85ffa673f0450b65b81f35614e5019676f69ae61c20ce6b097d86dd9d774ad76349967f7394a886ced1a0c5cf822f29ba5fc9d1c23c5b614f4e34b20252ecab","href":"https://static.observableusercontent.com/files/e85ffa673f0450b65b81f35614e5019676f69ae61c20ce6b097d86dd9d774ad76349967f7394a886ced1a0c5cf822f29ba5fc9d1c23c5b614f4e34b20252ecab","name":"countyToFips@2.json","type":"application/json","lastModified":1591905850592.284,"size":2086}] 32:{"id":"ccc5edec6d7d67e4","slug":"covid-19-and-jail-incarceration-in-michigan","title":"COVID-19 and Jail Incarceration in Michigan","thumbnail":"9afba2364207d9d292ea8267cb61ce5c76fe798a4624b3f0800f0d0bd489b03e","access_level":"public","create_time":"$D2020-06-11T19:56:00.497Z","update_time":"$D2020-07-14T17:57:45.283Z","view_time":null,"first_public_time":"$D2020-07-14T17:57:59.843Z","has_unpublished_edits":null,"fork":{"id":"b81fec6d2062396f","slug":"kentucky-spotlight","title":"Kentucky Spotlight","owner":{"id":"67cfedd8a7d04aed","login":"in-our-backyards","name":"In Our Backyards"}},"stars":1,"starred":false,"owner":{"type":"team","id":"67cfedd8a7d04aed","login":"in-our-backyards","name":"In Our Backyards","avatar_url":"https://avatars-next.observableusercontent.com/21af794ea378a15c02e7b995210645c94015757a50cf61103cea9bba84adcde4","tier":"pro"},"version":1567,"publish_version":1567,"role":null,"authored":false,"authors":[{"type":"individual","id":"442a4aea1910b0fd","login":"jamwalla","name":"James Wallace-Lee","avatar_url":"https://avatars-next.observableusercontent.com/e81cae6d9725dd360d20aa0522086361386a74fb1aa0d38e6dbe4acc3e589da2","tier":null}],"members":[{"type":"team","id":"67cfedd8a7d04aed","login":"in-our-backyards","name":"In Our Backyards","avatar_url":"https://avatars-next.observableusercontent.com/21af794ea378a15c02e7b995210645c94015757a50cf61103cea9bba84adcde4","tier":"pro","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"COVID-19 and Jail Incarceration in Michigan","cells":[{"id":37,"value":"md`# COVID-19 and Jail Incarceration in Michigan`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":642,"value":"title = {\n const countyName = fipsToCounty.get(selectedFips);\n if (!latestJailData.has(selectedFips))\n return md`No data is available for **${countyName}**.`;\n\n return md`\nIn **${fipsToCounty.get(selectedFips)}**,\nthe jail population has\n${selectedChange >= 0 ? \"increased\" : \"declined\"}\n**${d3.format(\".1%\")(Math.abs(selectedChange))}**,\nfrom **${d3.format(\",\")(selectedJailData[0])}** on\n${d3.timeFormat(\"%B %d\")(d3.timeParse(\"%Y-%m-%d\")(d3.min(dateRange)))}\nto **${d3.format(\",\")(selectedJailData[selectedJailData.length - 1])}** on\n${d3.timeFormat(\"%B %d\")(d3.timeParse(\"%Y-%m-%d\")(d3.max(dateRange)))}.\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"viewof selectedCounty = {\n const as = autoSelect({\n title: `

\n Select a county`,\n options: [...countyToFips]\n .filter(([, f]) => baselineJailData.has(f) && latestJailData.has(f))\n .map(([c]) => c),\n value: \"Wayne County\"\n });\n as.input.style[\"font-family\"] = \"GT Walsheim Regular\";\n as.input.style[\"width\"] = \"200px\";\n as.oninput = () => {\n as.input.blur();\n };\n as.input.onfocus = () => {\n as.reset();\n };\n return as;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1531,"value":"viewof showMap = checkbox({\n options: [{ value: true, label: \"Show map\" }],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":418,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"update = {\n chart.update(selectedFips, selectedCovidData, selectedJailData);\n if (showMap) {\n map.update(selectedFips);\n }\n return md``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"md`# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"md`## Visualization`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":967,"value":"mutable selected = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"margin = ({ top: 20, right: 50, bottom: 10, left: 50 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"x = d3\n .scaleLinear()\n .domain([0, dateRange.length - 1])\n .range([margin.left * 2, width - margin.right * 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"colorCounty = feature => {\n const fipsCode = +feature[\"properties\"][\"GEOID\"];\n if (!(baselineJailData.has(fipsCode) && latestJailData.has(fipsCode)))\n return \"url(#hatch-1)\";\n const latest = latestJailData.get(fipsCode);\n const baseline = baselineJailData.get(fipsCode);\n const change = (latest - baseline) / baseline;\n return color(-change);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"color = {\n const domain = [-.1, 0, .1, .2, .3, .4, .5, .6, .8];\n const range = [\n \"#f59089\",\n \"#000000\",\n \"#000066\",\n \"#1e22aa\",\n \"#262cd9\",\n \"#5256e0\",\n \"#a8abf0\",\n \"#d4d5f7\",\n \"#e9eafb\",\n \"#ffffff\"\n ];\n\n return d3\n .scaleThreshold()\n .domain(domain)\n .range(range);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"tooltip = {\n let tooltip = d3.select(\"body\").append(\"div\");\n tooltip\n .attr(\"class\", \"tooltip\")\n .style(\"font-size\", \"10pt\")\n .style(\"font-family\", \"GT Walsheim Regular\")\n .style(\"position\", \"absolute\")\n .style(\"text-align\", \"center\")\n .style(\"width\", \"auto\")\n .style(\"height\", \"auto\")\n .style(\"padding\", \"2px\")\n .style(\"background\", \"#fff\")\n .style(\"border\", \"0px\")\n .style(\"pointer-events\", \"none\")\n .style(\"opacity\", 0);\n return tooltip;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"tooltipText = feature => {\n const fipsCode = +feature[\"properties\"][\"GEOID\"];\n const countyName = feature[\"properties\"][\"NAME\"];\n if (!(baselineJailData.has(fipsCode) && latestJailData.has(fipsCode))) {\n return `No data available for
\n ${countyName} County`;\n }\n\n const latest = latestJailData.get(fipsCode);\n const baseline = baselineJailData.get(fipsCode);\n const change = (latest - baseline) / baseline;\n\n return `${countyName} County
\n Jail population ${change >= 0 ? \"increased\" : \"decreased\"}\n by ${d3.format(\".1%\")(Math.abs(change))}
`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":410,"value":"legendTickFormat = d =>\n d < 0\n ? `+${d3.format(\".0%\")(Math.abs(d))}`\n : d > 0\n ? d3.format(\".0%\")(-d)\n : \"0%\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1230,"value":"legendTickFormatSmall = d =>\n (d * 10 + 10) % 2 != 0\n ? d < 0\n ? `+${d3.format(\".0%\")(Math.abs(d))}`\n : d > 0\n ? d3.format(\".0%\")(-d)\n : \"0%\"\n : \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"md`## Calculations`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"mutable selectedFips = countyToFips.get(selectedCounty) // selectedCounty && selectedCounty != \"Wayne County\"\n// : 26163","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"dateRange = {\n const start = new Date(\"2020-02-29\");\n // const end = d3.max(covidData, d => d[\"date\"]);\n // return d3.timeDay\n // .every(1)\n // .range(start, end)\n // .map(d3.timeFormat(\"%Y-%m-%d\"));\n\n // const [jailStart, jailEnd] = d3.extent(\n // jailData.filter(d => d[\"fips\"] == selectedFips),\n // d => d[\"date\"]\n // );\n const jailEnd = d3.max(\n jailData.filter(d => d[\"fips\"] == selectedFips),\n d => d[\"date\"]\n );\n const covidEnd = d3.max(\n covidData.filter(d => d[\"fips\"] == selectedFips),\n d => d[\"date\"]\n );\n return d3.timeDay\n .every(1)\n .range(start, Math.min(jailEnd, covidEnd))\n .map(d3.timeFormat(\"%Y-%m-%d\"));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"selectedCovidData = {\n let result = new Map(\n covidData\n .filter(d => d[\"fips\"] == selectedFips)\n .map(d => [d3.timeFormat(\"%Y-%m-%d\")(d[\"date\"]), d[\"cases\"]])\n );\n result = dateRange.map(d => result.get(d) || 0);\n return result.map((d, i) => d3.min(result.slice(i)));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"selectedJailData = {\n let selectedJailData = new Map(\n jailData\n .filter(d => d[\"fips\"] == selectedFips)\n .map(d => [d3.timeFormat(\"%Y-%m-%d\")(d[\"date\"]), d[\"count\"]])\n );\n return dateRange.map(d => selectedJailData.get(d) || 0);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"baselineJailData = new Map(\n d3\n .rollups(\n jailData,\n v => {\n const filt = v.filter(\n d => d3.timeFormat(\"%Y-%m-%d\")(d[\"date\"]) == \"2020-02-29\"\n );\n return filt.length ? filt[0][\"count\"] : null;\n },\n d => d[\"fips\"]\n )\n .filter(([, d]) => d) //!== null)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"latestJailData = d3.rollup(\n jailData,\n v => d3.greatest(v, d => d[\"date\"])[\"count\"],\n d => d[\"fips\"]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":650,"value":"selectedChange = {\n const baseline = baselineJailData.get(selectedFips);\n const latest = latestJailData.get(selectedFips);\n return (latest - baseline) / baseline;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"jailData = d3\n .csv(\n \"https://raw.githubusercontent.com/vera-institute/temp-data/master/tmp/jail_population_interp.csv\",\n d3.autoType\n )\n .then(l =>\n l.filter(\n d =>\n Math.floor(d[\"fips\"] / 1000) == 26 &&\n d[\"fips\"] % 1000 != 0 &&\n d[\"date\"] >= new Date(\"2020-02-28\")\n )\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"countyToFips = FileAttachment(\"countyToFips@2.json\")\n .json()\n .then(d => new Map(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"fipsToCounty = new Map([...countyToFips].map(([c, f]) => [f, c]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md`\nCOVID-19 case and death data from The New York Times at [nytimes/covid-19-data](https://github.com/nytimes/covid-19-data).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"covidData = await d3\n .csv(\n \"https://raw.githubusercontent.com/nytimes/covid-19-data/master/us-counties.csv\",\n d3.autoType\n )\n .then(l => l.filter(d => Math.floor(d[\"fips\"] / 1000) == 26))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`\nMichigan county TopoJSON file from\n[deldersveld/topojson](https://github.com/deldersveld/topojson/blob/master/countries/us-states/MI-26-michigan-counties.json).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"mi = FileAttachment(\"MI-26-michigan-counties.json\")\n .json()\n .then(result =>\n topojson.feature(result, result.objects.cb_2015_michigan_county_20m)\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"d3 = require(\"d3@5\", \"d3-array@^2.2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import { checkbox, radio, autoSelect } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"import { veraColors } from \"@in-our-backyards/vera-constants\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"