31:Td2f,style = lang => html` `32:T6b8,translations = ({ en: { table: { title: "Age and race breakdown of COVID-19 cases in Illinois", description: "This table includes the latest statewide data on confirmed COVID-19 cases and deaths by age groups and race, as provided by the Illinois Department of Public Health.", labels: { age: "Age", cases: "Cases", deaths: "Deaths", race: "Race", unknown: "Unknown", population: "Pop.", population_long: "Population", races: { Black: "Black", White: "White", Asian: "Asian", Hispanic: "Hispanic", Other: "Other", "Left Blank": "Left blank", "NH/PI*": "Native Hawaiian/Pacific Islander", "AI/AN**": "American Indian/Alaska Native" } } } }, es: { table: { title: "Desglose por edad y raza de los casos de COVID-19 en Illinois", description: "Esta tabla incluye los últimos datos estatales sobre casos confirmados de COVID-19 y muertes por grupos de edad y raza, según lo dispuesto por el Departamento de Salud Pública de Illinois.", labels: { age: "Edad", cases: "Casos", deaths: "Muertes", race: "Raza", unknown: "Desconocido", population: "Pobl.", population_long: "Población", races: { Black: "Afroamericano", White: "Blanco", Asian: "Asiático", Hispanic: "Hispano", Other: "Otro", "Left Blank": "Dejado en blanco", "NH/PI*": "Nativo hawaiano/isleño del Pacífico", "AI/AN**": "Indoamericano/nativo de Alaska" } } } } })33:T16d1,demographicTableTwo = async (demographic = "age", lang = "en") => { const censusDemographics = IllinoisStatewideDemographics[0].Race; let data = IllinoisCountyCovidData.demographics[demographic]; if (demographic === "race") { data = data.sort((a, b) => b.count - a.count); } const totalCount = d3.sum(data, d => d.count); const totalDeaths = d3.sum(data, d => d.deaths); data = data.map(d => { d.count_pct = d.count / totalCount; d.death_pct = d.deaths / totalDeaths; return d; }); const countScale = d3 .scaleLinear() .domain([0, d3.max(data, d => d.count_pct)]) .range(["#fff5eb", "#e25609"]); const deathScale = d3 .scaleLinear() .domain([0, d3.max(data, d => d.death_pct)]) .range(["#f1eff6", "#7363ac"]); const popScale = d3 .scaleLinear() .domain([0, d3.max(Object.values(censusDemographics), d => d.PE)]) .range(["#e3eef9", "#2f7ebc"]); const legendScale = (label, color, data, selector) => legend({ title: `% of ${label}`, color: color, tickFormat: '%', tickValues: [0, d3.max(data, d => d[selector])], width: 60, marginLeft: 5 }); const tableLabelColor = hex => { const color = d3.hsl(d3.color(hex)); return color.l < .7 ? "#ffffff" : "#000000"; }; return html` ${ demographic === "race" ? html`` : '' } ${data.map(d => { const demoValue = d[demographicKeyLabelMap.get(demographic).descColumn]; let demoLabel = ''; if ('race' === demographic) { demoLabel = html`${messageFormatter( "table.labels.races." + demoValue, lang ).format()}`; if (demoValue === "Left Blank") demoLabel = html`${demoLabel}`; } else { demoLabel = html`${demoValue}`; //if (demoValue === "Unknown") demoLabel = html`${messageFormatter("table.labels.unknown",lang).format()}`; if (demoValue === "Unknown") return html``; } return html` ${ demographic === "race" ? html`` : '' } `; })} ${ demographic === "race" ? html`` : '' }

${messageFormatter( "table.labels." + demographic, lang ).format()}	${messageFormatter("table.labels.cases", lang).format()}	${messageFormatter("table.labels.deaths", lang).format()}	${messageFormatter( "table.labels.population_long", lang ).format()}
${demoLabel}	${d.count.toLocaleString(lang)}	${d.deaths.toLocaleString(lang)}	${ censusDemographics[d.description] ? censusDemographics[d.description].PE < .01 ? html`<${(.01).toLocaleString( lang, { style: "percent" } )}` : html` ${censusDemographics[ d.description ].E.toLocaleString(lang, {})} ` : html`n/a` }
	${legendScale( messageFormatter("table.labels.cases", lang).format(), countScale, data, 'count_pct' )}	${legendScale( messageFormatter("table.labels.deaths", lang).format(), deathScale, data, 'death_pct' )}	${legendScale( messageFormatter("table.labels.population", lang).format(), popScale, Object.values(censusDemographics), 'PE' )}

`; }34:[{"id":"bc867a444ce0a5fd73f2ad6e708c36cb9df6bb93a6569356a9339f40ae2313e4c1cfb61d8a6d18e57b087dcd9f79e2e9614b575864027bb6d0ca2bd193ecea6f","href":"https://static.observableusercontent.com/files/bc867a444ce0a5fd73f2ad6e708c36cb9df6bb93a6569356a9339f40ae2313e4c1cfb61d8a6d18e57b087dcd9f79e2e9614b575864027bb6d0ca2bd193ecea6f","name":"ILDemographics@1.json","type":"application/json","lastModified":1586235242083.608,"size":783},{"id":"fd9834450038e1ef4a3c34e4ed5af90a2e2a7c4db46f263f3275109691238f50e9f6849ed3a518fa47faaf42e9a9bcdc7c7029fb4ee19954c7ec608f55ecff21","href":"https://static.observableusercontent.com/files/fd9834450038e1ef4a3c34e4ed5af90a2e2a7c4db46f263f3275109691238f50e9f6849ed3a518fa47faaf42e9a9bcdc7c7029fb4ee19954c7ec608f55ecff21","name":"IllinoisStatewideDemoData.json","type":"application/json","lastModified":1594419794282.774,"size":943}] 2f:{"title":"COVID-19 in Illinois - Current statewide demographics","cells":[{"id":0,"value":"md`# COVID-19 in Illinois - Current statewide demographics`","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"IllinoisCovidDemographicTableEn = {\n const lang = 'en';\n await triggerEmbedAnalytics(`IL statewide demographics table`);\n return html`\n

${messageFormatter(\"table.title\", lang).format()}

\n\n

${messageFormatter(\"table.description\", lang).format()}

\n\n

\n ${await demographicTableTwo(\"race\", lang)}\n

\n ${await demographicTableTwo(\"age\", lang)}\n

\n\n ${footer()}\n\n ${style(lang)}\n`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":249,"value":"IllinoisCovidDemographicTableEs = {\n const lang = 'es';\n await triggerEmbedAnalytics(`IL statewide demographics table`);\n return html`\n

${messageFormatter(\"table.title\", lang).format()}

\n\n

${messageFormatter(\"table.description\", lang).format()}

\n\n

\n ${await demographicTableTwo(\"race\", lang)}\n

\n ${await demographicTableTwo(\"age\", lang)}\n

\n\n ${footer(lang)}\n\n ${style(lang)}\n`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":248,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"demographicKeyLabelMap = new Map([\n ['age', { descColumn: 'age_group', en: 'Age' }],\n ['race', { descColumn: 'description', en: 'Race' }],\n ['gender', { descColumn: 'description', en: 'Gender' }]\n])","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {\n IllinoisCountyCovidData,\n triggerEmbedAnalytics,\n footer\n} from \"@chicagoreporter/coronavirus-illinois-county-counts\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":247,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":246,"value":"import {messageFormatter} with {translations} from \"@chicagoreporter/formatjs-helpers\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":245,"value":"import { legend } from \"@d3/color-legend\"\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":244,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":243,"value":"IllinoisStatewideDemographics = FileAttachment(\"IllinoisStatewideDemoData.json\").json();","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}