2b:null 2c:["$","title",null,{"children":"Fort Wayne 2023 Results | Jack Humbert | Observable"}] 31:T9c5,mayor_chart = { var total = mayor_results.total_dem + mayor_results.total_gop; const data = [{ value : mayor_results.total_dem / total - mayor_results.total_gop / total, District: "Fort Wayne" }]; // Specify the chart’s dimensions. const barHeight = 25; const marginTop = 30; const marginRight = 60; const marginBottom = 10; const marginLeft = 60; const height = Math.ceil((data.length + 0.1) * barHeight) + marginTop + marginBottom; // Create the positional scales. const x = d3.scaleLinear() .domain(d3.extent(data, d => d.value)) .rangeRound([marginLeft, width - marginRight]); const y = d3.scaleBand() .domain(data.map(d => d.District)) .rangeRound([marginTop, height - marginBottom]) .padding(0.1); // Create the format function. const format = d3.format("+.1%"); const tickFormat = d3.format("+.0%"); // Create the SVG container. const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;"); // Add a rect for each state. svg.append("g") .selectAll() .data(data) .join("rect") .attr("fill", (d) => d3.interpolateRdBu(d.value * color_amplify + 0.5)) .attr("x", (d) => x(Math.min(d.value, 0))) .attr("y", (d) => y(d.District)) .attr("width", d => Math.abs(x(d.value) - x(0))) .attr("height", y.bandwidth()); // Add a text label for each state. svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll() .data(data) .join("text") .attr("text-anchor", d => d.value < 0 ? "end" : "start") .attr("x", (d) => x(d.value) + Math.sign(d.value - 0) * 4) .attr("y", (d) => y(d.District) + y.bandwidth() / 2) .attr("dy", "0.35em") .text(d => format(d.value)); // Add the axes and grid lines. svg.append("g") .attr("transform", `translate(0,${marginTop})`) .call(d3.axisTop(x).ticks(width / 80).tickFormat(tickFormat)) .call(g => g.selectAll(".tick line").clone() .attr("y2", height - marginTop - marginBottom) .attr("stroke-opacity", 0.1)) .call(g => g.select(".domain").remove()); svg.append("g") .attr("transform", `translate(${x(0)},0)`) .call(d3.axisLeft(y).tickSize(0).tickPadding(6)) .call(g => g.selectAll(".tick text").filter((d, i) => data[i].value < 0) .attr("text-anchor", "start") .attr("x", 6)); return svg.node(); }32:T9c3,clerk_chart = { var total = clerk_results.total_dem + clerk_results.total_gop; const data = [{ value : clerk_results.total_dem / total - clerk_results.total_gop / total, District: "Williams" }]; // Specify the chart’s dimensions. const barHeight = 25; const marginTop = 30; const marginRight = 60; const marginBottom = 10; const marginLeft = 60; const height = Math.ceil((data.length + 0.1) * barHeight) + marginTop + marginBottom; // Create the positional scales. const x = d3.scaleLinear() .domain(d3.extent(data, d => d.value)) .rangeRound([marginLeft, width - marginRight]); const y = d3.scaleBand() .domain(data.map(d => d.District)) .rangeRound([marginTop, height - marginBottom]) .padding(0.1); // Create the format function. const format = d3.format("+.1%"); const tickFormat = d3.format("+.0%"); // Create the SVG container. const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;"); // Add a rect for each state. svg.append("g") .selectAll() .data(data) .join("rect") .attr("fill", (d) => d3.interpolateRdBu(d.value * color_amplify + 0.5)) .attr("x", (d) => x(Math.min(d.value, 0))) .attr("y", (d) => y(d.District)) .attr("width", d => Math.abs(x(d.value) - x(0))) .attr("height", y.bandwidth()); // Add a text label for each state. svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll() .data(data) .join("text") .attr("text-anchor", d => d.value < 0 ? "end" : "start") .attr("x", (d) => x(d.value) + Math.sign(d.value - 0) * 4) .attr("y", (d) => y(d.District) + y.bandwidth() / 2) .attr("dy", "0.35em") .text(d => format(d.value)); // Add the axes and grid lines. svg.append("g") .attr("transform", `translate(0,${marginTop})`) .call(d3.axisTop(x).ticks(width / 80).tickFormat(tickFormat)) .call(g => g.selectAll(".tick line").clone() .attr("y2", height - marginTop - marginBottom) .attr("stroke-opacity", 0.1)) .call(g => g.select(".domain").remove()); svg.append("g") .attr("transform", `translate(${x(0)},0)`) .call(d3.axisLeft(y).tickSize(0).tickPadding(6)) .call(g => g.selectAll(".tick text").filter((d, i) => data[i].value < 0) .attr("text-anchor", "start") .attr("x", 6)); return svg.node(); }33:Ta06,district_chart = { const data = Object.entries(districts_results).map(district => { var total = district[1].total_dem + district[1].total_gop; return { value : district[1].total_dem / total - district[1].total_gop / total, District: district[0] }; }); // Specify the chart’s dimensions. const barHeight = 25; const marginTop = 30; const marginRight = 60; const marginBottom = 10; const marginLeft = 60; const height = Math.ceil((data.length + 0.1) * barHeight) + marginTop + marginBottom; // Create the positional scales. const x = d3.scaleLinear() .domain(d3.extent(data, d => d.value)) .rangeRound([marginLeft, width - marginRight]); const y = d3.scaleBand() .domain(data.map(d => d.District)) .rangeRound([marginTop, height - marginBottom]) .padding(0.1); // Create the format function. const format = d3.format("+.1%"); const tickFormat = d3.format("+.0%"); // Create the SVG container. const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;"); // Add a rect for each state. svg.append("g") .selectAll() .data(data) .join("rect") .attr("fill", (d) => d3.interpolateRdBu(d.value * color_amplify + 0.5)) .attr("x", (d) => x(Math.min(d.value, 0))) .attr("y", (d) => y(d.District)) .attr("width", d => Math.abs(x(d.value) - x(0))) .attr("height", y.bandwidth()); // Add a text label for each state. svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll() .data(data) .join("text") .attr("text-anchor", d => d.value < 0 ? "end" : "start") .attr("x", (d) => x(d.value) + Math.sign(d.value - 0) * 4) .attr("y", (d) => y(d.District) + y.bandwidth() / 2) .attr("dy", "0.35em") .text(d => format(d.value)); // Add the axes and grid lines. svg.append("g") .attr("transform", `translate(0,${marginTop})`) .call(d3.axisTop(x).ticks(width / 80).tickFormat(tickFormat)) .call(g => g.selectAll(".tick line").clone() .attr("y2", height - marginTop - marginBottom) .attr("stroke-opacity", 0.1)) .call(g => g.select(".domain").remove()); svg.append("g") .attr("transform", `translate(${x(0)},0)`) .call(d3.axisLeft(y).tickSize(0).tickPadding(6)) .call(g => g.selectAll(".tick text").filter((d, i) => data[i].value < 0) .attr("text-anchor", "start") .attr("x", 6)); return svg.node(); }34:T403,districts_results = { let results = { "1" : { total_dem: 0, total_gop: 0, precincts: [] }, "2" : { total_dem: 0, total_gop: 0, precincts: [] }, "3" : { total_dem: 0, total_gop: 0, precincts: [] }, "4" : { total_dem: 0, total_gop: 0, precincts: [] }, "5" : { total_dem: 0, total_gop: 0, precincts: [] }, "6" : { total_dem: 0, total_gop: 0, precincts: [] }, }; Object.keys(results_2023).forEach(precinct => { if (results_2023[precinct]["City Council Dem"] != "") { results[results_2023[precinct].District].total_dem += parseFloat(results_2023[precinct]["City Council Dem"]); } if (results_2023[precinct]["City Council GOP"] != "") { results[results_2023[precinct].District].total_gop += parseFloat(results_2023[precinct]["City Council GOP"]); } results[results_2023[precinct].District].precincts.push(precinct); }); return results; }35:T16ec,map = { container.innerHTML = ''; // const container = html`

`; const mapContainer = html`

`; container.appendChild(mapContainer); // yield mapContainer; // yield container; let m = L.map(mapContainer, { renderer: L.svg({padding: 0}) }).setView([41.08763212467916, -85.06439208984376], 11); let osmLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png', { attribution: '© OpenStreetMap contributors' }).addTo(m); var district_style = { fillOpacity: 0.1, weight: 1, color: hslToHex(4, 75, 50), opacity: 1, fillOpacity: .5 } var i = 0; let precincts_geojson2 = L.geoJson(precincts9_15_2021Working, { filter: (feature) => { // return feature.properties.COUNTYFP20 == "003"; return true; }, onEachFeature: (feature, layer) => { if (precinct_names == "On") { var poi = polylabel(layer.toGeoJSON().geometry.coordinates, 1.0); if (!poi[0]) { poi = polylabel(layer.toGeoJSON().geometry.coordinates[0], 1.0); } var text = feature.properties.Precinct; if (poi[0]) { L.marker([poi[1], poi[0]], { icon: L.divIcon({ className: 'text-label-blue', html: text }), zIndexOffset: 1000, interactive: false }).addTo(m); } else { L.marker([41.08763212467916, 0.5 + -85.06439208984376 + (i++ * 0.01)], { icon: L.divIcon({ className: 'text-label-blue', html: text }), zIndexOffset: 1000, interactive: false }).addTo(m); } } }, style: { fillOpacity: 0, weight: 1, color: hslToHex(228, 100, 50), opacity: 0.1, }, smoothFactor: shape_smoothing }).addTo(m); let precincts_geojson = L.geoJson(precincts9_15_2021Working, { filter: (feature) => { // return feature.properties.COUNTYFP20 == "003"; return true; }, onEachFeature: (feature, layer) => { var poi = polylabel(layer.toGeoJSON().geometry.coordinates, 1.0) // if (poi[0] && pcp_data[feature.properties.NAME20] != null) { // L.marker([poi[1], poi[0]+.001], { // icon: L.divIcon({ // className: 'text-label', // html: pcp_data[feature.properties.NAME20]. // }), // zIndexOffset: 1000, // interactive: false // }).addTo(m); // } // var d_blue = race_blue; if (display_districts == "Precinct Total Dems") { if (results_2023[feature.properties.Precinct] != null) { var dem = 0; if (results_2023[feature.properties.Precinct]["City Council Dem"] != "") dem += parseFloat(results_2023[feature.properties.Precinct]["City Council Dem"]); if (results_2023[feature.properties.Precinct]["Henry"] != "") dem += parseFloat(results_2023[feature.properties.Precinct]["Henry"]); if (results_2023[feature.properties.Precinct]["Williams"] != "") dem += parseFloat(results_2023[feature.properties.Precinct]["Williams"]); var gop = 0; if (results_2023[feature.properties.Precinct]["City Council GOP"] != "") gop += parseFloat(results_2023[feature.properties.Precinct]["City Council GOP"]); if (results_2023[feature.properties.Precinct]["City Council GOP"] != "") gop += parseFloat(results_2023[feature.properties.Precinct]["Didier"]); if (results_2023[feature.properties.Precinct]["City Council GOP"] != "") gop += parseFloat(results_2023[feature.properties.Precinct]["Keesling"]); var total = dem + gop; var perc = dem / total - gop / total; var ratio = (perc) * color_amplify + 0.5; layer.setStyle({ fillColor: d3.interpolateRdBu(ratio) }); } } else if (display_districts == "Council") { Object.values(districts_results).forEach(district => { if (district.precincts.includes(feature.properties.Precinct)) { var total = district.total_dem + district.total_gop; var perc = district.total_dem / total - district.total_gop / total; var ratio = (perc) * color_amplify + 0.5; layer.setStyle({ fillColor: d3.interpolateRdBu(ratio) }); } }); } else if (display_districts == "Mayor") { if (mayor_results.precincts.includes(feature.properties.Precinct)) { var total = mayor_results.total_dem + mayor_results.total_gop; var perc = mayor_results.total_dem / total - mayor_results.total_gop / total; var ratio = (perc) * color_amplify + 0.5; layer.setStyle({ fillColor: d3.interpolateRdBu(ratio) }); } } else if (display_districts == "Clerk") { if (clerk_results.precincts.includes(feature.properties.Precinct)) { var total = clerk_results.total_dem + clerk_results.total_gop; var perc = clerk_results.total_dem / total - clerk_results.total_gop / total; var ratio = (perc) * color_amplify + 0.5; layer.setStyle({ fillColor: d3.interpolateRdBu(ratio) }); } } // } else { // layer.setStyle({ // fillColor: "#111" // }); // } }, style: { fillOpacity: 1.0, weight: 1.0, color: "hsla(228 50% 50% / 0)", opacity: 0.1, }, smoothFactor: shape_smoothing, }).addTo(m); // m.fitBounds(precincts_geojson.getBounds()); return m }36:[{"id":"ab24efcfca01327be4b66944ba7c853b3d3c238240a7bb6583dc074c6d081ce6e51ab4b5de64d43da0880e7ebf9af32e9464b62d9387ad48766158a0dc68590e","href":"https://static.observableusercontent.com/files/ab24efcfca01327be4b66944ba7c853b3d3c238240a7bb6583dc074c6d081ce6e51ab4b5de64d43da0880e7ebf9af32e9464b62d9387ad48766158a0dc68590e","name":"allen-precinct-list.csv","type":"text/csv","lastModified":1699367991713.545,"size":1635},{"id":"def6ce93a63a1fe9fecce8de87404b4babaed96e9f3cecda26d5201dcc57cef47a4eab3a995b2a080a708f7cd975a4fc07cbf50aa6233c1fadb384b2d98f098c","href":"https://static.observableusercontent.com/files/def6ce93a63a1fe9fecce8de87404b4babaed96e9f3cecda26d5201dcc57cef47a4eab3a995b2a080a708f7cd975a4fc07cbf50aa6233c1fadb384b2d98f098c","name":"Precincts9_15_2021-working@2.geojson","type":"application/geo+json","lastModified":1699367991713.545,"size":3186529},{"id":"581ad0d55ce4d9856bb7af1c6ed911316057e2a2f06a4a803009af6bad6deebe17d2beedaaa0a7a8f9cfd8d654f582cbb0bd88c2d7d3d0c25d64dd9aace3299e","href":"https://static.observableusercontent.com/files/581ad0d55ce4d9856bb7af1c6ed911316057e2a2f06a4a803009af6bad6deebe17d2beedaaa0a7a8f9cfd8d654f582cbb0bd88c2d7d3d0c25d64dd9aace3299e","name":"allen_county.geojson","type":"application/geo+json","lastModified":1699367991713.545,"size":163458}] 2f:{"id":"18a6a280733c5849","slug":null,"title":"Fort Wayne 2023 Results","thumbnail":"82f3bd18cfd4b61812da3d8467e7ac24fb4ed77e1ccc4bec32038c187a1a578d","access_level":"public","create_time":"$D2023-11-07T14:39:51.713Z","update_time":"$D2023-11-08T00:06:36.401Z","view_time":null,"first_public_time":"$D2023-11-07T14:39:51.713Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"22971d0ed8e633f0","login":"jackhumbert","name":"Jack Humbert","avatar_url":"https://avatars-next.observableusercontent.com/c3a6d2379e3298f2a0bdb9c1ac604f5970359ef351079c474e3c5c834251caf9","tier":"starter_2024"},"version":3083,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8fbe3a86fd3f6d71","login":"jackhumbert","name":"Jack Humbert","avatar_url":"https://avatars-next.observableusercontent.com/c3a6d2379e3298f2a0bdb9c1ac604f5970359ef351079c474e3c5c834251caf9","tier":null}],"members":[{"type":"individual","id":"8fbe3a86fd3f6d71","login":"jackhumbert","name":"Jack Humbert","avatar_url":"https://avatars-next.observableusercontent.com/c3a6d2379e3298f2a0bdb9c1ac604f5970359ef351079c474e3c5c834251caf9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Fort Wayne 2023 Results","cells":[{"id":795,"value":"# Fort Wayne 2023 Results","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1631,"value":"container = {\n return html`

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2727,"value":"ramp(d3.interpolateRdBu)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2367,"value":"viewof precinct_names = Inputs.radio([\"On\", \"Off\"], {value: \"Off\", label: html`Precinct Names:`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2935,"value":"viewof display_districts = Inputs.radio([\"Mayor\", \"Clerk\", \"Council\", \"Precinct Total Dems\"], {value: \"Precinct Total Dems\", label: html`Display Mode:`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3068,"value":"viewof live_refresh = Inputs.radio([\"30s\", \"5s\", \"Off\"], {value: \"Off\", label: html`Live Refresh:`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2997,"value":"## Mayor Results","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2999,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3029,"value":"## Clerk Results","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3027,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2995,"value":"## Council Results","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2975,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2628,"value":"viewof color_amplify = Inputs.range([1, 20], {value: 1, step: 0.1, label: html`Percentage Scale:`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3052,"value":"viewof test_data = Inputs.radio([\"True\", \"False\"], {value: \"False\", label: html`Test Data:`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2481,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2487,"value":"## Here be dragons\n\nDon't touch anything below","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2035,"value":"shape_smoothing = 0.1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2860,"value":"// prod\nsheets_url_prod = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQ3pdMyeqIFZ9ID4vWONPOEoq4xkfwQYDjIiQ-cODceNEw17U7GeVn_crZauwsRjCVjz1-3Dpfo9NzX/pub?gid=1750945299&single=true&output=tsv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2950,"value":"// testing\nsheets_url_testing = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vS_1vuAYuZK_yVpKI0_XgRfJZZHKYj8GSGfrJUVGbV3GvKgHqeeVKNp91TTdXJIKGzdIA-y1s74aYqF/pub?gid=811003525&single=true&output=tsv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3048,"value":"sheets_url = test_data == \"True\" ? sheets_url_testing : sheets_url_prod;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2864,"value":"// results_2023 = { // this is a JS Array of Objects; the key-value pairs consist of the column headers and the cell data\n// let names = {};\n// const spreadsheet = await d3.tsv(sheets_url).then(data => data.forEach(d => names[d.Precinct] = d)); // d3.tsv returns a Promise\n// return names;\n// }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3060,"value":"results_2023 = {\n do {\n let names = {};\n const spreadsheet = await d3.tsv(sheets_url).then(data => data.forEach(d => names[d.Precinct] = d));\n yield names;\n await Promises.delay(live_refresh == \"30s\" ? 30000 : 5000);\n } while (live_refresh != \"Off\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2940,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2964,"value":"mayor_results = {\n let results = {\n total_dem: 0,\n total_gop: 0,\n precincts: []\n };\n Object.keys(results_2023).forEach(precinct => {\n if (results_2023[precinct][\"Henry\"] != \"\") {\n results.total_dem += parseFloat(results_2023[precinct][\"Henry\"]);\n }\n if (results_2023[precinct][\"Didier\"] != \"\") {\n results.total_gop += parseFloat(results_2023[precinct][\"Didier\"]);\n }\n results.precincts.push(precinct);\n });\n return results;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3034,"value":"clerk_results = {\n let results = {\n total_dem: 0,\n total_gop: 0,\n precincts: []\n };\n Object.keys(results_2023).forEach(precinct => {\n if (results_2023[precinct][\"Williams\"] != \"\") {\n results.total_dem += parseFloat(results_2023[precinct][\"Williams\"]);\n }\n if (results_2023[precinct][\"Keesling\"] != \"\") {\n results.total_gop += parseFloat(results_2023[precinct][\"Keesling\"]);\n }\n results.precincts.push(precinct);\n });\n return results;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2724,"value":"function ramp(color, n = 512) {\n const canvas = DOM.canvas(n, 1);\n const context = canvas.getContext(\"2d\");\n canvas.style.margin = \"0 -14px\";\n canvas.style.width = \"calc(100% + 28px)\";\n canvas.style.height = \"40px\";\n canvas.style.imageRendering = \"pixelated\";\n for (let i = 0; i < n; ++i) {\n context.fillStyle = color((i / (n - 1) - 0.5) * color_amplify + 0.5);\n context.fillRect(i, 0, 1, 1);\n }\n return canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2593,"value":"function map_color(color) {\n return d3.piecewise(d3.interpolateRgb.gamma(2.2), [\"red\", \"white\", \"blue\"])(color);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2063,"value":"polylabel = require('https://bundle.run/polylabel@1.1.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1658,"value":"L.Map.prototype.getOverlay = function(){\n // Select the first svg element\n var svg = d3.select('.leaflet-overlay-pane>svg'),\n img = new Image(),\n serializer = new XMLSerializer();\n \n // svg.select(\"g\").attr(\"transform\", null);\n // svg.style(\"margin-top\", null);\n // svg.style(\"margin-left\", null);\n // svg.attr(\"height\", null);\n // svg.attr(\"width\", null);\n var svgStr = serializer.serializeToString(svg.node());\n\n img.src = 'data:image/svg+xml;base64,'+window.btoa(svgStr);\n \n return img;\n };","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2048,"value":"style_block = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1017,"value":"function pad(num, size){ \n return (' ' + num).substr(-size);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1261,"value":"textColorForBG = function(color) {\n var rgb = color.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i\n ,(m, r, g, b) => '#' + r + r + g + g + b + b)\n .substring(1).match(/.{2}/g)\n .map(x => parseInt(x, 16))\n var lightness = 0.2126*rgb[0] + 0.7152*rgb[1] + 0.0722*rgb[2]\n // return \"hsl(0, 0%, \"+(lightness/255+\"%)\";\n if (lightness > 170) \n return \"black\";\n else\n return \"white\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":936,"value":"colorFromMargin = function(margin) {\n var hue = 4;\n if (margin > 0) {\n hue = 228;\n }\n if (Math.abs(margin) > 0.5) { \n\t\t\treturn hslToHex(hue, 100, (100 - Math.abs(margin) * 100));\n\t\t} else {\n\t\t\treturn hslToHex(hue, (Math.abs(margin) * 200), (100 - Math.abs(margin) * 100));\n\t\t}\n\t}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1389,"value":"allen_county = FileAttachment(\"allen_county.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"L = require(\"leaflet@1.7.1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1900,"value":"L.Map.prototype.latLngToLayerPoint = function(latlng) {\n var projectedPoint = this.project(L.latLng(latlng));\n // projectedPoint.x *= 2; \n return projectedPoint._subtract(this.getPixelOrigin());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2015,"value":"L.Map.latLngToLayerPoint = function(latlng) {\n var projectedPoint = this.project(L.latLng(latlng));\n // projectedPoint.x *= 2; \n return projectedPoint._subtract(this.getPixelOrigin());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"leafletcss = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"partyHue = function(party) {\n\t\tif (party == \"Republican\") return 4;\n\t\tif (party == \"Democratic\") return 228;\n\t\tif (party == \"Green\") return 94;\n\t\tif (party == \"Libertarian\") return 47;\n\t\treturn 268;\n\t};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"toTitleCase = function(str) {\n\t return str.replace(\n\t\t/\\w\\S*/g,\n\t\tfunction(txt) {\n\t\t return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\n\t\t}\n\t );\n\t}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"hslToHex = function(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0'); // convert to Hex and prefix \"0\" if needed\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2106,"value":"shapefile = require('shapefile@0.6.6/dist/shapefile.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2108,"value":"l_shapefile_import = {\n const response = await fetch(\"https://raw.githubusercontent.com/calvinmetcalf/leaflet.shapefile/gh-pages/leaflet.shpfile.js\");\n const blob = await response.blob();\n return require(URL.createObjectURL(blob)).catch(() => window.l_shapefile_import);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2110,"value":"catiline_import = {\n const response = await fetch(\"https://raw.githubusercontent.com/calvinmetcalf/leaflet.shapefile/gh-pages/catiline.js\");\n const blob = await response.blob();\n return require(URL.createObjectURL(blob)).catch(() => window.catiline_import);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2535,"value":"precincts9_15_2021Working = FileAttachment(\"Precincts9_15_2021-working@2.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2502,"value":"allenPrecinctList = FileAttachment(\"allen-precinct-list.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 30:"$2f:body"