${data.title[0]}${labels[j] && ` (${labels[j]})`} ${data.title[1]}${labels[i] && ` (${labels[i]})`}

31:T44c,legend = () => { const k = 24; const arrow = DOM.uid(); return svg` ${d3.cross(d3.range(n), d3.range(n)).map(([i, j]) => svg` ${data.title[0]}${labels[j] && ` (${labels[j]})`} ${data.title[1]}${labels[i] && ` (${labels[i]})`} `)} ${data.title[0]} ${data.title[1]} `; }32:[{"id":"a532a3a211eb0a93bc9f24f5a1915f4689b36e46a99a8c3df3692cd9a26670a9b7c05aaee62ce583f4237797a1d489cc0f0c46549200744a0a5996417093a05c","href":"https://static.observableusercontent.com/files/a532a3a211eb0a93bc9f24f5a1915f4689b36e46a99a8c3df3692cd9a26670a9b7c05aaee62ce583f4237797a1d489cc0f0c46549200744a0a5996417093a05c","name":"cdc-diabetes-obesity.csv","type":"application/octet-stream","lastModified":1620149451841.091,"size":49043},{"id":"6b1776f5a0a0e76e6428805c0074a8f262e3f34b1b50944da27903e014b409958dc29b03a1c9cc331949d6a2a404c19dfd0d9d36d9c32274e6ffbc07c11350ee","href":"https://static.observableusercontent.com/files/6b1776f5a0a0e76e6428805c0074a8f262e3f34b1b50944da27903e014b409958dc29b03a1c9cc331949d6a2a404c19dfd0d9d36d9c32274e6ffbc07c11350ee","name":"counties-albers-10m.json","type":"application/octet-stream","lastModified":1620149451841.091,"size":795407}] 2f:{"title":"RHIhub Bivariate Choropleth","cells":[{"id":0,"value":"md`# RHIhub Bivariate Choropleth\n## for 9. Behavioral health versus supply of health professionals/poverty\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"viewof colors = {\n const form = html``;\n form.i.selectedIndex = 0;\n form.oninput = () => (form.value = schemes[form.i.selectedIndex].colors);\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, 975, 610]);\n\n svg.append(legend)\n .attr(\"transform\", \"translate(870,450)\");\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\", \"white\")\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"d\", path);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"data = Object.assign(\n new Map(\n d3.csvParse(\n await FileAttachment(\"cdc-diabetes-obesity.csv\").text(),\n ({ county, diabetes, obesity }) => [county, [+diabetes, +obesity]]\n )\n ),\n { title: [\"parameter 1\", \"parameter 2\"] }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":359,"value":"schemes = [\n {\n name: \"RHIhub\",\n colors: [\n \"#dbecc5\",\n \"#bfdd96\",\n \"#99c957\",\n \"#b4ebe7\",\n \"#c4e4f9\",\n \"#658932\",\n \"#7bd4cd\",\n \"#1bafa4\",\n \"#044e7f\"\n ]\n }\n // {\n // name: \"BuPu\",\n // colors: [\n // \"#e8e8e8\", \"#ace4e4\", \"#5ac8c8\",\n // \"#dfb0d6\", \"#a5add3\", \"#5698b9\",\n // \"#be64ac\", \"#8c62aa\", \"#3b4994\"\n // ]\n // },\n // {\n // name: \"GnBu\",\n // colors: [\n // \"#e8e8e8\", \"#b5c0da\", \"#6c83b5\",\n // \"#b8d6be\", \"#90b2b3\", \"#567994\",\n // \"#73ae80\", \"#5a9178\", \"#2a5a5b\"\n // ]\n // },\n // {\n // name: \"PuOr\",\n // colors: [\n // \"#e8e8e8\", \"#e4d9ac\", \"#c8b35a\",\n // \"#cbb8d7\", \"#c8ada0\", \"#af8e53\",\n // \"#9972af\", \"#976b82\", \"#804d36\"\n // ]\n // }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"labels = [\"low\", \"\", \"high\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"n = Math.floor(Math.sqrt(colors.length))","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"x = d3.scaleQuantile(Array.from(data.values(), d => d[0]), d3.range(n))","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"y = d3.scaleQuantile(Array.from(data.values(), d => d[1]), d3.range(n))","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"path = d3.geoPath()","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"color = {\n return value => {\n if (!value) return \"#ccc\";\n let [a, b] = value;\n return colors[y(b) + x(a) * n];\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"format = (value) => {\n if (!value) return \"N/A\";\n let [a, b] = value;\n return `${a}% ${data.title[0]}${labels[x(a)] && ` (${labels[x(a)]})`}\n${b}% ${data.title[1]}${labels[y(b)] && ` (${labels[y(b)]})`}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":379,"value":"states = new Map(us.objects.states.geometries.map(d => [d.id, d.properties]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"us = FileAttachment(\"counties-albers-10m.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}