3f:null 40:["$","title",null,{"children":"Legislators' COVID-19 Vaccination Status | Charmaine Runes | Observable"}] 46:T611,viewof barCharts = { const outerContainer = html`

${style()}

` const chartContainer = html`

` const hed = html`

Democratic legislators are more likely to say they are vaccinated against COVID-19

` const subhed = html`

Percent of legislators by district level and self-reported vaccination status

` const houseBarChart = drawStackedBarChart(houseData) const houseBarChartContainer = html`

House

${houseBarChart}

` const senateBarChart = drawStackedBarChart(senateData) const senateBarChartContainer = html`

Senate

${senateBarChart}

` const sourceLang = `Legislators' responses to WBEZ email surveys, texts and calls that inquired about their COVID-19 vaccination status.` const sourceText = html`

Source: ${sourceLang}

` const creditText = html`

Visualization: ${vizCredit}/WBEZ.

` chartContainer.appendChild(houseBarChartContainer); chartContainer.appendChild(senateBarChartContainer); outerContainer.append(hed); outerContainer.append(subhed); outerContainer.append(viewof key); outerContainer.appendChild(chartContainer); outerContainer.appendChild(sourceText); outerContainer.appendChild(creditText); return outerContainer; }47:Ta32,viewof tableLookup = { const outerContainer = html`

${style()}

` const instructions = html`

Look up your representative's self-reported vaccination status

` const helperText = html`

Find your elected officials here, or use the column headers to sort the tables.

` const tables = html`

` const houseTitle = html`

Representative District

` const houseSearch = viewof searchHouseRep; const houseTable = Inputs.table(searchHouseRep, {sort: 'District', align: { Name: 'left', District: 'center', Party: 'center', 'Vaccination status': 'center'}, layout: 'auto'}); const senateTitle = html`

Senate District

` const senateSearch = viewof searchSenate; const senateTable = Inputs.table(searchSenate, {sort: 'District', align: { Name: 'left', District: 'center', Party: 'center', 'Vaccination status': 'center'}, layout: 'auto'}); const sourceLang = `Legislators' responses to WBEZ email surveys, texts and calls that inquired about their COVID-19 vaccination status.` const sourceText = html`

Source: ${sourceLang}

` const creditText = html`

Visualization: ${vizCredit}/WBEZ.

` tables.appendChild(houseTitle); tables.appendChild(houseSearch); tables.appendChild(html`
`); tables.appendChild(houseTable); tables.appendChild(html`
`); tables.appendChild(senateTitle); tables.appendChild(senateSearch); tables.appendChild(html`
`); tables.appendChild(senateTable); outerContainer.appendChild(instructions); outerContainer.appendChild(helperText); outerContainer.appendChild(tables); outerContainer.appendChild(html`
`); outerContainer.appendChild(sourceText); outerContainer.appendChild(creditText); return outerContainer; }48:T7eb,viewof mapTool = { const outerContainer = html`

${style()}

` const contentContainer = html`

` const textContainer = html`

` const mapContainer = html`

` const mapHed = html`

Look up your representative's self-reported vaccination status

` const mapSubhed = html`

Select district level and number. (Don't know your district number? Find out here.)

` const selectedLevel = viewof mapDistrictLevel; const selectedDistrict = viewof highlightDistrict; const highlightText = getHighlightDistrictData(mapDistrictLevel, highlightDistrict); const map = drawMap(mapDistrictLevel); const sourceLang = `Legislators' responses to WBEZ email surveys, texts and calls that inquired about their COVID-19 vaccination status. COVID-19 vaccination data by county from Illinois Department of Public Health, as of ${dateDataUpdated}.` const sourceText = html`

Source: ${sourceLang}

` const creditText = html`

Visualization: ${vizCredit}/WBEZ.

` textContainer.appendChild(selectedLevel); textContainer.appendChild(selectedDistrict); textContainer.appendChild(html`

`); textContainer.append(highlightText); textContainer.appendChild(html`

`); mapContainer.appendChild(map); contentContainer.appendChild(textContainer); contentContainer.appendChild(mapContainer); outerContainer.appendChild(mapHed); outerContainer.appendChild(mapSubhed); outerContainer.appendChild(contentContainer); outerContainer.appendChild(sourceText); outerContainer.appendChild(creditText); return outerContainer; }49:T998,function drawMap(boundaries) { let topoBoundaries = getTopoJSON(boundaries) let topoChoropleth = getTopoJSON(il_county) let color = buildColorRamp([15,60]) // abstract this later let svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("class", "topo") // Choropleth svg.append("g") .selectAll("path") .data(topoChoropleth.features) .join("path") .attr("d", createGeoPath(il_county)) // this is fine hard-coded because it's fixed .attr("fill", d => color(d.properties.pct_pop_fully_vax)) // this is fine hard-coded because it's fixed .style("stroke", wbezColors.get('white')) .style("stroke-width", .1) .append("title") .text(d => `In ${d.properties.NAMELSAD}, ${d3.format('.2s')(parseFloat(d.properties.pct_pop_fully_vax))}% of residents are fully vaccinated.`) // District outlines svg .selectAll(".districts") .data(topoBoundaries.features.filter(d => d.properties.NAMELSAD != highlightDistrict)) .join("path") .attr("d", createGeoPath(boundaries)) .attr("stroke", wbezColors.get('white')) .style("fill-opacity", 0) .style("stroke-width", ".5") .attr("stroke-linejoin", "round") .style("pointer-events", "none") if (boundaries == sld_lower) { var filteredData = topoBoundaries.features.filter(d => d.properties.SLDLST == highlightDistrict.padStart(3, '0')) var partyData = houseReps } else if (boundaries == sld_upper) { var filteredData = topoBoundaries.features.filter(d => d.properties.SLDUST == highlightDistrict.padStart(3, '0')) var partyData = senateReps } // Highlighted district svg .selectAll(".districts") .data(filteredData) .join("path") .attr("d", createGeoPath(boundaries)) .style("stroke", d => { let repInfo = partyData.filter(d => d.District == highlightDistrict)[0] if (repInfo.Party == "Republican") { return wbezColors.get('red') } else if (repInfo.Party == "Democrat") { return wbezColors.get('lightblue') }}) .style("fill-opacity", 0) .style("stroke-width", "1.5") .attr("stroke-linejoin", "round") .style("pointer-events", "none") // Legend svg.append("g") .attr("transform", "translate(100, 800)") .append(() => legend({ color, title: "Percent pop. fully vaccinated (%)", width: 250})); return svg.node(); }4a:T5d1,function drawStackedBarChart(data) { let svg = d3.create("svg") .attr("viewBox", [0, 0, width, heightBarChart]) .style("overflow", "visible"); let series = d3.stack() .keys(data.columns.slice(1)) .offset(d3.stackOffsetExpand) (data) .map(d => (d.forEach(v => { v.key = d.key }), d)); let margin = ({top: 10, right: 10, bottom: 20, left: 60}); let x = d3.scaleLinear() .range([margin.left, width - margin.right]); let y = d3.scaleBand() .domain(data.map(d => d.Party)) .range([margin.top, heightBarChart - margin.bottom]) .padding(0.08); let xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(x).ticks(width / 100, "%")) .call(g => g.selectAll(".domain").remove()); let yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).tickSize(0)) .call(g => g.selectAll(".domain").remove()); svg.append("g") .selectAll("g") .data(series) .enter().append("g") .attr("fill", d => color(d.key)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", d => x(d[0])) .attr("y", (d, i) => y(d.data.Party)) .attr("width", d => x(d[1]) - x(d[0])) .attr("height", y.bandwidth()) .append("title") .text(d => `${d.data.Party}: ${d.key}, ${formatPercent(d[1] - d[0])}`); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); return svg.node(); }4b:[{"id":"a665e7f7ad4d6a9e61141bc729dec106a7c5d562d255a8a19ba0b11ec637788bf8e9602d2e9ded1436fa5a3182376e2092a44404d255faa4e075fb5c6181f6d5","href":"https://static.observableusercontent.com/files/a665e7f7ad4d6a9e61141bc729dec106a7c5d562d255a8a19ba0b11ec637788bf8e9602d2e9ded1436fa5a3182376e2092a44404d255faa4e075fb5c6181f6d5","name":"tl_2020_17_sldl.json","type":"application/json","lastModified":1628196480000.771,"size":1280447},{"id":"a4eaf0033f2e5d124d734e1dc1a0791cab5ef787455f40bc328242e278343982c043f86f94179a0df8c8b99f30d3daf7ddd382649f38bb30cd0a80dfbad98c1a","href":"https://static.observableusercontent.com/files/a4eaf0033f2e5d124d734e1dc1a0791cab5ef787455f40bc328242e278343982c043f86f94179a0df8c8b99f30d3daf7ddd382649f38bb30cd0a80dfbad98c1a","name":"tl_2020_IL_county (1).json","type":"application/json","lastModified":1628187564846.252,"size":797076},{"id":"d07471b6607ff34438a12f07ee7e23b7c12e86ffcc357b6f8d08fb1386b878e013573c77f8f47fe258d3ea8ca1136ac2b44aba1163e0cd4cb46609dcf507d765","href":"https://static.observableusercontent.com/files/d07471b6607ff34438a12f07ee7e23b7c12e86ffcc357b6f8d08fb1386b878e013573c77f8f47fe258d3ea8ca1136ac2b44aba1163e0cd4cb46609dcf507d765","name":"example_county_vax - edits@2.csv","type":"text/csv","lastModified":1628623925473.944,"size":1639},{"id":"cac47c7de32f33b1482aa8687d744fa41690aaf6704077efcf62ed7e34e3f9075d4abaa698e82340ba617700c4d10d2fd1f324777116830df208f9d141da1f27","href":"https://static.observableusercontent.com/files/cac47c7de32f33b1482aa8687d744fa41690aaf6704077efcf62ed7e34e3f9075d4abaa698e82340ba617700c4d10d2fd1f324777116830df208f9d141da1f27","name":"tl_2020_17_sldu.json","type":"application/json","lastModified":1628187904566.115,"size":828524},{"id":"6148df73fb7698eb156592d5a0275b898f09b20c37d82aec4db7fc24eee25c273457b78ca41411149b7aef54248299a1ec45341845dc6c39615be5d743b60d8e","href":"https://static.observableusercontent.com/files/6148df73fb7698eb156592d5a0275b898f09b20c37d82aec4db7fc24eee25c273457b78ca41411149b7aef54248299a1ec45341845dc6c39615be5d743b60d8e","name":"example_county_vax - edits@1.csv","type":"text/csv","lastModified":1628191372883.468,"size":1527}] 44:{"id":"23089c7034dbb902","slug":"legislators-vaccine-status","title":"Legislators' COVID-19 Vaccination Status","thumbnail":"89b997049a82d822e4a6cdf80d1df8b7a3948649678d927b74603e83fc57f87a","access_level":"public","create_time":"$D2021-08-05T17:54:17.191Z","update_time":"$D2021-09-07T21:54:11.847Z","view_time":null,"first_public_time":"$D2021-08-05T21:36:39.399Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"451a0400736e977f","login":"charmainerunes","name":"Charmaine Runes","avatar_url":"https://avatars-next.observableusercontent.com/9069f31bf56352d79ae388ec3b816e456cd89dd50070abd328688221122c5ac8","tier":"starter_2024","bio":"data | design | journalism","following":false},"version":1153,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0ec3ddf39719bc08","login":"charmainerunes","name":"Charmaine Runes","avatar_url":"https://avatars-next.observableusercontent.com/9069f31bf56352d79ae388ec3b816e456cd89dd50070abd328688221122c5ac8","tier":null,"bio":"data | design | journalism","following":false}],"members":[{"type":"individual","id":"0ec3ddf39719bc08","login":"charmainerunes","name":"Charmaine Runes","avatar_url":"https://avatars-next.observableusercontent.com/9069f31bf56352d79ae388ec3b816e456cd89dd50070abd328688221122c5ac8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Legislators' COVID-19 Vaccination Status","cells":[{"id":0,"value":"md`\n# Legislators' COVID-19 Vaccination Status\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":538,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"md `---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":833,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"sld_upper = FileAttachment(\"tl_2020_17_sldu.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"sld_lower = FileAttachment(\"tl_2020_17_sldl.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"il_county = FileAttachment(\"tl_2020_IL_county (1).json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"county_vax_rates = FileAttachment(\"example_county_vax - edits@2.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"senateReps = { \n let reps =[];\n const spreadsheet = await d3.csv(senate_vax_status_url).then(\n data => data.forEach(d => reps.push(Object.assign(d, {'District': parseInt(d['District'])}))));\n return reps;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"houseReps = { \n let reps =[];\n const spreadsheet = await d3.csv(house_vax_status_url).then(\n data => data.forEach(d => reps.push(Object.assign(d, {'District': parseInt(d['District'])}))))\n return reps;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1072,"value":"houseData = d3.csv(houseSummaryUrl, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1099,"value":"senateData = d3.csv(senateSummaryUrl, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"md`## Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1145,"value":"vizCredit = \"Charmaine Runes\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"dateDataUpdated = 'August 10'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"width = 800","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"height = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"heightBarChart = 150;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"projection = d3.geoMercator()\n.scale(width * 90)\n.center([-87.6298, 41.8781])\n.translate([width / 2, height / 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"formatValue = x => isNaN(x) ? \"N/A\" : x.toLocaleString(\"en\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"formatPercent = d3.format(\".1%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"function getTopoJSON(geo_file) {\n if (geo_file == sld_upper) {\n return topojson.feature(geo_file, geo_file.objects.tl_2020_17_sldu)\n } else if (geo_file == sld_lower) {\n return topojson.feature(geo_file, geo_file.objects.tl_2020_17_sldl)\n } else if (geo_file == il_county) {\n return topojson.feature(geo_file, geo_file.objects.counties)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"function getDistrictList(boundaries) {\n let topo = getTopoJSON(boundaries);\n let districts = new Map();\n for (let i = 0; i < topo.features.length; i++) {\n if (boundaries == sld_upper) {\n districts.set(parseInt(topo.features[i].properties.SLDUST), topo.features[i].properties.NAMELSAD);\n } else if (boundaries == sld_lower) {\n districts.set(parseInt(topo.features[i].properties.SLDLST), topo.features[i].properties.NAMELSAD);\n }\n }\n \n let sorted = Object.entries(Object.fromEntries(districts));\n let sortedDistricts = []\n for (let i = 0; i < sorted.length; i++) {\n sortedDistricts[i] = sorted[i][1];\n };\n \n return sortedDistricts;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"function getHighlightDistrictData(level, district) {\n \n // Data\n if (level == sld_lower) {\n var data = houseReps\n var levelText = 'State House'\n } else if (level == sld_upper) {\n var data = senateReps\n var levelText = 'State Senate'\n }\n \n let repInfo = data.filter(d => d.District == district)[0]\n if (repInfo.Party == \"Democrat\") {\n var colorParty = wbezColors.get('lightblue')\n } else if (repInfo.Party == \"Republican\") {\n var colorParty = wbezColors.get('red')\n }\n \n let textContainer = html`

${style()}

`\n let text = html`\n

${repInfo.Name}

${repInfo.Party}, ${levelText} District ${repInfo.District}

${repInfo['Vaccination status']}

`\n \n textContainer.append(text)\n \n return textContainer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"function getDistrictMap(boundaries) {\n let topo = getTopoJSON(boundaries);\n let districts = new Map();\n for (let i = 0; i < topo.features.length; i++) {\n if (boundaries == sld_upper) {\n districts.set(parseInt(topo.features[i].properties.SLDUST), topo.features[i].properties.NAMELSAD);\n } else if (boundaries == sld_lower) {\n districts.set(parseInt(topo.features[i].properties.SLDLST), topo.features[i].properties.NAMELSAD);\n }\n }\n \n let sorted = Object.entries(Object.fromEntries(districts));\n let sortedMap = new Map()\n for (let i = 0; i < sorted.length; i++) {\n sortedMap.set(sorted[i][1], sorted[i][0])\n };\n \n return sortedMap;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":930,"value":"function sortRepData(reps) {\n return reps.sort((a,b) => (a.District > b.District) ? 1 : ((b.District > a.District) ? -1 : 0))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"senate_vax_status_url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQ4M0kcD6u-aFWvQ4RIlGcW2R-Vhs6OUCXdL4EdrgHSg63t3L2hpX9aM-1X2yy559qw9vZP1ib40Wly/pub?gid=1888696839&single=true&output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"house_vax_status_url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQ4M0kcD6u-aFWvQ4RIlGcW2R-Vhs6OUCXdL4EdrgHSg63t3L2hpX9aM-1X2yy559qw9vZP1ib40Wly/pub?gid=2049436384&single=true&output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1067,"value":"houseSummaryUrl = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQ4M0kcD6u-aFWvQ4RIlGcW2R-Vhs6OUCXdL4EdrgHSg63t3L2hpX9aM-1X2yy559qw9vZP1ib40Wly/pub?gid=1350084613&single=true&output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1101,"value":"senateSummaryUrl = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQ4M0kcD6u-aFWvQ4RIlGcW2R-Vhs6OUCXdL4EdrgHSg63t3L2hpX9aM-1X2yy559qw9vZP1ib40Wly/pub?gid=836089023&single=true&output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":726,"value":"findElectedOfficialsUrl = 'https://elections.il.gov/ElectionOperations/DistrictLocator/AddressFinder.aspx'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"projectionRef = new Map([\n [sld_upper, d3.geoMercator()\n .fitSize([width, height * 0.85], getTopoJSON(sld_upper))],\n [sld_lower, d3.geoMercator()\n .fitSize([width, height * 0.85], getTopoJSON(sld_lower))],\n [il_county, d3.geoMercator()\n .fitSize([width, height* 0.85], getTopoJSON(il_county))]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"// For more info on scaleQuantize() vs scaleQuantile()\n// https://observablehq.com/@d3/quantile-quantize-and-threshold-scales\n\nfunction buildColorRamp(domainValues) {\n return d3.scaleQuantile(d3.extent(domainValues), purples)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"// From https://imagecolorpicker.com/color-code/5f2b7\npurples = ['#5f2b7b', '#7f5595', '#9f80b0', '#bfaaca', '#dfd5e5'].reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"function createGeoPath(geoData) {\n //return d3.geoPath().projection(projectionRef.get(geoData))\n return d3.geoPath().projection(d3.geoMercator().fitSize([width, height* 0.85], getTopoJSON(il_county)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"color = d3.scaleOrdinal()\n .domain([\"Vaccinated\", \"Unvaccinated\", \"Did not answer\"])\n .range([wbezColors.get('royalpurple'), wbezColors.get('red'), wbezColors.get('lightgray')])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"wbezColors = new Map([\n ['red', '#ed0000'],\n ['white', '#ffffff'],\n ['black', '#000000'],\n ['mediumgray', '#636466'],\n ['lightgray', '#dcddde'],\n ['gold', '#ffd03d'],\n ['teal', '#24bcb7'],\n ['periwinkle', '#5151bd'],\n ['lightblue', '#1d9cd3'],\n ['cottoncandy', '#ffd7ff'],\n ['lime', '#adf45b'],\n ['lavender', '#99a8ff'],\n ['sky', '#88f7ff'],\n ['marigold', '#f79e1c'],\n ['peacock', '#016480'],\n ['royalpurple', '#5f2b7b'],\n ['royalblue', '#263c80'],\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"viewof key = legend({title: \"Self-reported vaccination status\", color, tickSize: 0})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"viewof searchHouseRep = Inputs.search(houseReps, {placeholder: \"Search by name or number\", layout: 'auto'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"viewof searchSenate = Inputs.search(senateReps, {placeholder: \"Search by name or number\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"viewof mapDistrictLevel = Inputs.select(new Map([[\"Senate\", sld_upper], [\"House\", sld_lower]]), {label: \"Level\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"viewof highlightDistrict = Inputs.select(getDistrictMap(mapDistrictLevel), {label: \"Number\", unique: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":541,"value":"import {style} from \"@charmainerunes/wbez-data-visuals-style-guide\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 45:"$44:body"