29:null 2a:["$","title",null,{"children":"Compare Chronic Diseases in U.S. States | Chris Henrick | Observable"}] 2f:T4e8,stateNameToFips = new Map([ ["Arizona", "04"], ["South Dakota", "46"], ["Florida", "12"], ["Iowa", "19"], ["Mississippi", "28"], ["Louisiana", "22"], ["Alaska", "02"], ["Pennsylvania", "42"], ["Kentucky", "21"], ["Illinois", "17"], ["North Dakota", "38"], ["Missouri", "29"], ["Montana", "30"], ["Oklahoma", "40"], ["Indiana", "18"], ["Vermont", "50"], ["District of Columbia", "11"], ["New Hampshire", "33"], ["Alabama", "01"], ["Massachusetts", "25"], ["Virgin Islands", "78"], ["New Jersey", "34"], ["Nevada", "32"], ["Colorado", "08"], ["New York", "36"], ["Washington", "53"], ["Utah", "49"], ["Connecticut", "09"], ["Virginia", "51"], ["Oregon", "41"], ["Texas", "48"], ["Georgia", "13"], ["Maryland", "24"], ["Puerto Rico", "72"], ["Minnesota", "27"], ["Wisconsin", "55"], ["Wyoming", "56"], ["Idaho", "16"], ["South Carolina", "45"], ["California", "06"], ["West Virginia", "54"], ["North Carolina", "37"], ["Ohio", "39"], ["New Mexico", "35"], ["Hawaii", "15"], ["Kansas", "20"], ["Nebraska", "31"], ["Delaware", "10"], ["Guam", "66"], ["Maine", "23"], ["Michigan", "26"], ["Rhode Island", "44"], ["Arkansas", "05"], ["Tennessee", "47"] ])30:[] 2d:{"id":"9cd3bcfd9d0500b0","slug":"compare-chronic-diseases-in-us-states","title":"Compare Chronic Diseases in U.S. States","thumbnail":"c94978554f327575a2f1997ccf68ea46e945d8a17b81e12d1d800c3098133e22","access_level":"public","create_time":"$D2020-11-17T00:10:22.435Z","update_time":"$D2020-11-19T23:44:23.442Z","view_time":null,"first_public_time":"$D2020-11-17T00:52:17.219Z","has_unpublished_edits":null,"fork":{"id":"5c0e2760cf51bdea","slug":"compare-us-state-demographics","title":"Compare U.S. State Demographics","owner":{"id":"38569aaf9cf67d70","login":"clhenrick","name":"Chris Henrick"}},"stars":2,"starred":false,"owner":{"type":"team","id":"38569aaf9cf67d70","login":"clhenrick","name":"Chris Henrick","avatar_url":"https://avatars-next.observableusercontent.com/d2bdcdbb972dc7a42dd08637fca131b9f4f8f7d26f2896497815c62952cbbabe","tier":"starter_2024"},"version":672,"publish_version":672,"role":null,"authored":false,"authors":[{"type":"individual","id":"152f84cb3c7f97b6","login":"clhenrick","name":"Chris Henrick","avatar_url":"https://avatars-next.observableusercontent.com/d2bdcdbb972dc7a42dd08637fca131b9f4f8f7d26f2896497815c62952cbbabe","tier":null}],"members":[{"type":"individual","id":"152f84cb3c7f97b6","login":"clhenrick","name":"Chris Henrick","avatar_url":"https://avatars-next.observableusercontent.com/d2bdcdbb972dc7a42dd08637fca131b9f4f8f7d26f2896497815c62952cbbabe","tier":null,"role":"editor"}],"comments":[{"id":"4c40e21f2e4e5a68","reply_to_id":null,"content":"A better use of the map here might be to visualize the disease or demographic data.","create_time":"$D2020-11-17T01:03:36.827Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"152f84cb3c7f97b6","login":"clhenrick","name":"Chris Henrick","avatar_url":"https://avatars-next.observableusercontent.com/d2bdcdbb972dc7a42dd08637fca131b9f4f8f7d26f2896497815c62952cbbabe","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"d625d8448d2de965","slug":"msm-fellowship","title":"msm-fellowship","owner":{"id":"38569aaf9cf67d70","login":"clhenrick","name":"Chris Henrick"}},"type":"notebook","body":{"title":"Compare Chronic Diseases in U.S. States","cells":[{"id":0,"value":"md`# Compare Chronic Diseases in U.S. States\n\nUse the \"Mad Lib\" below to select a chronic disease and two states to compare it in. You may also use the map to select states, first click on a selected state to deselect it. Uses data from the U.S. Census 2014–2018 ACS 5 Year estimates and CDC Chronic Disease Indicators.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":418,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"madlib = html`

I'd like to compare \n${viewof disease.bind(\n html`${selectStateOptions.map(({ value, label }) =>\n Object.assign(html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":638,"value":"mapTitle = html`

Mean Prevalence of ${disease} for all Racial/Ethnic Groups in the United States

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":491,"value":"map = drawChoroplethMap({\n adminLevel: \"states\",\n colorScale: mapColorScale,\n data: mapData,\n tooltipContents: mapTooltipContent,\n width: mapWidth\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":541,"value":"mapLegend = {\n const l = legend({\n title: `Mean Prevalence of ${disease} Across All Racial/Ethnic Groups (%)`,\n color: mapColorScale,\n tickFormat: \".2f\"\n });\n\n d3.select(l)\n .selectAll(\"text\")\n .attr(\"font-size\", \"12px\");\n\n return l;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"tableState1 = {\n if (state1 !== null) {\n // if (disease === \"Demographics\") {\n // d3.select(table1)\n // .select(\"p.table-title\")\n // .style(\"background-color\", colors[0])\n // .style(\"padding\", \"12px\")\n // .style(\"display\", \"inline-block\");\n // return table1;\n // }\n return html`

${\n statesGeoByFips.get(state1).properties.name\n }

${getDiseaseStateTable(state1)}

`;\n }\n return \"select a state\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":568,"value":"rowChartState1 = drawRowChart({\n data: dataState1,\n pct: true,\n title: `${disease} Prevalence in ${state1Name} by Race/Ethnicity`,\n width: chartWidth,\n ticksX: 5\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"tableState2 = {\n if (state2 !== null) {\n // if (disease === \"Demographics\") {\n // d3.select(table2)\n // .select(\"p.table-title\")\n // .style(\"background-color\", colors[1])\n // .style(\"padding\", \"12px\")\n // .style(\"display\", \"inline-block\");\n // return table2;\n // }\n return html`

${\n statesGeoByFips.get(state2).properties.name\n }

${getDiseaseStateTable(state2)}

`;\n }\n return \"select a second state\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":611,"value":"rowChartState2 = drawRowChart({\n data: dataState2,\n pct: true,\n title: `${disease} Prevalence in ${state2Name} by Race/Ethnicity`,\n width: chartWidth,\n ticksX: 5\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":388,"value":"md`## Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"viewof disease = new View(\"Diabetes\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"viewof state1 = new View(\"06\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"viewof state2 = new View(\"32\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":601,"value":"state1Name = stateFipsToName.get(state1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"state2Name = stateFipsToName.get(state2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":571,"value":"dataState1 = {\n const data = diseaseToData\n .get(disease)\n .find(d => d.locationdesc === state1Name);\n\n return Object.entries(data)\n .map(([key, value]) => ({ name: key, value }))\n .filter(d => d.name !== \"locationdesc\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"dataState2 = {\n const data = diseaseToData\n .get(disease)\n .find(d => d.locationdesc === stateFipsToName.get(state2));\n\n return Object.entries(data)\n .map(([key, value]) => ({ name: key, value }))\n .filter(d => d.name !== \"locationdesc\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"mapWidth = width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"chartWidth = width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"tableWidth = width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"mapTooltipContent = d =>\n `${stateFipsToName.get(d.id)}
${disease} prevalence: ${d3.format(\".2f\")(\n d.value\n )}%`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"mapData = diseaseToData.get(disease).map(d => ({\n id: stateNameToFips.get(d.locationdesc),\n value: d3.mean(\n Object.entries(d)\n .filter(([key, value]) => key !== \"locationdesc\")\n .map(([key, value]) => value)\n )\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":479,"value":"mapColorScale = d3\n .scaleQuantize()\n .domain(d3.extent(mapData, d => d.value))\n .range([\"#f0f9e8\", \"#bae4bc\", \"#7bccc4\", \"#43a2ca\", \"#0868ac\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"mapHeight = (width * 2) / 3","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"mapPadding = 24","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"stateFipsToName = new Map(\n Array.from(stateNameToFips).map(([key, value]) => [value, key])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":504,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"value":"getDiseaseStateTable = fips => {\n const stateName = statesGeoByFips.get(fips).properties.name;\n const diseaseData = diseaseToData\n .get(disease)\n .find(d => d.locationdesc === stateName);\n const data = Object.keys(diseaseData)\n .slice(1)\n .map(key => ({ name: key, value: diseaseData[key] }));\n\n const table = d3.create(\"table\");\n const header = table.append(\"thead\");\n const body = table.append(\"tbody\");\n\n header\n .append(\"tr\")\n .selectAll(\"th\")\n .data([\"Race/Ethnicity\", `Prevalence of ${disease}`])\n .join(\"th\")\n .text(d => d);\n\n body\n .selectAll(\"tr\")\n .data(data)\n .join(\"tr\")\n .each(renderRow);\n\n function renderRow({ name, value }) {\n const row = d3.select(this);\n row.append(\"td\").text(name);\n const valueCell = row\n .append(\"td\")\n .html(isValue(value) ? `${value}%` : \"no data\");\n }\n\n function isValue(value) {\n return value !== undefined && value !== null && value !== \"\";\n }\n\n return table.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"selectStateOptions = allStatesFips\n .map(({ name, fips }) => ({\n label: name,\n value: fips\n }))\n .sort((a, b) => +a.value - +b.value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"diseaseToData = new Map([\n [\"Asthma\", dataAsthma],\n [\"COPD\", dataCopd],\n [\"Diabetes\", dataDiabetes]\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"dataCopd = pivotbyRaceCopd.objects()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"dataDiabetes = pivotbyRaceDiabetes.objects()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"dataAsthma = pivotbyRaceAsthma.objects()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"asthmaQ = \"Current asthma prevalence among adults aged >= 18 years\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"diabetesQ = \"Prevalence of diagnosed diabetes among adults aged >= 18 years\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"copdQ = \"Prevalence of chronic obstructive pulmonary disease among adults >= 18\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":298,"value":"import { View } from \"@mbostock/synchronized-views\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"import { select, autoSelect } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":539,"value":"import { legend } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"import { html, svg } from \"@observablehq/htl\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"import { Tooltip } from \"534d662eaa9b53f1\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"import { drawChoroplethMap } from \"@clhenrick/reusable-county-choropleth-map\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"import { pivotbyRaceTable as pivotbyRaceCopd } with {\n copdQ as questionPicker\n} from \"@clhenrick/het-data-intake-u-s-chronic-disease-indicators-cdi-brfss\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"import { pivotbyRaceTable as pivotbyRaceAsthma } with {\n asthmaQ as questionPicker\n} from \"@clhenrick/het-data-intake-u-s-chronic-disease-indicators-cdi-brfss\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"import { pivotbyRaceTable as pivotbyRaceDiabetes } with {\n diabetesQ as questionPicker\n} from \"@clhenrick/het-data-intake-u-s-chronic-disease-indicators-cdi-brfss\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"// import { table as table1, viewof valueTypePicker as vtp1 } with {\n// state1 as selectedFips\n// } from \"@clhenrick/acs-race-ethnicity-characteristics-by-state\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"// import { table as table2, viewof valueTypePicker as vtp2 } with {\n// state2 as selectedFips\n// } from \"@clhenrick/acs-race-ethnicity-characteristics-by-state\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":565,"value":"import { drawRowChart } from \"@clhenrick/reusable-row-chart\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"import { allStatesFips } from \"@clhenrick/acs-race-ethnicity-characteristics-by-state\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"import {\n mapConfig,\n path,\n projection,\n statesGeo,\n statesGeoByFips,\n us,\n topojson\n} from \"@clhenrick/reusable-choropleth-map\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"