3e:null 3f:["$","title",null,{"children":"Virginia Elections Results | PMP Charts | Observable"}] 45:T87e,// variableColor is a flag for whether to show the gradient based on vote, true turns on gradient function makeMap(map, mapData, variableColor, title, subtitle) { const nudgeDown = 20; const nudgeRight = 20; var squareSizeScale = d3.scaleLinear().domain([300, 1100]).range([22, 40]); var legendFontSize = d3.scaleLinear().domain([22, 44]).range([12, 17]); var squareSize = squareSizeScale(width); var halfSquare = squareSize / 2; var height = width / 2.2; const svg = d3.select(DOM.svg(width, height)); // const svg = d3.select(DOM.svg(width, height)); // Use Mercator projection var projection = d3 .geoMercator() // but .fitExtent() fits the dataset to a specified canvas .fitExtent( [ [20, 20], [width, height] ], map ); var path = d3.geoPath().projection(projection); // var barChart = createBarChart( // svg, // parseHouseJSON(aggregateResults), // 0, // 30, // 20, // width, // 100 // ); // height = 100, // barHeight = 20, // halfBarHeight = barHeight / 2, // f = d3.format(".1f"), // margin = { top: 20, right: 10, bottom: 20, left: 10 }, // w = width - margin.left - margin.right, // h = height * 0.5 // Draw each district as a path svg .append("g") .selectAll("path") .data(map.features) .enter() .append("path") .attr("d", path) // Styling .style("fill", (d) => color( mapData[d.properties.DISTRICT]["winnerParty"], mapData[d.properties.DISTRICT]["votePerc"], variableColor ) ) .style("stroke", "white") .style("stroke-width", 0.5); // Adds title svg .append("text") .text(title) .attr("x", 20) .attr("y", 40) .attr("font-size", 36); // Adds subtitle svg .append("text") .text(subtitle) .attr("x", 30) .attr("y", 70) .attr("font-size", 20); // Create legend if variable colors are on. if (variableColor == true) { var legend = createLegend( svg, 20, 20, 1, squareSize, nudgeRight, nudgeDown, legendFontSize ); } return svg.node(); }46:Ta07,function createLegend( svg, x, y, scale, squareSize, nudgeRight, nudgeDown, legendFontSize ) { var group = svg.append("g"); var titleGap = 5; var halfSquare = squareSize / 2; var scaleDataDEM = [ ["DEM", ".5", "True"], ["DEM", ".6", "True"], ["DEM", ".7", "True"], ["DEM", ".8", "True"], ["DEM", ".9", "True"], ["DEM", "1.0", "True"] ]; var scaleDataGOP = [ ["GOP", ".5", "True"], ["GOP", ".6", "True"], ["GOP", ".7", "True"], ["GOP", ".8", "True"], ["GOP", ".9", "True"], ["GOP", "1.0", "True"] ]; // Democrat squares group .selectAll("rect-dem") .data(scaleDataDEM) .enter() .append("rect") .attr("class", "scale-dem") .attr("x", (d, i) => i * squareSize + nudgeRight) .attr("y", nudgeDown + titleGap) .attr("height", squareSize) .attr("width", squareSize) .style("fill", (d) => color(d[0], d[1], d[2])) .style("stroke", "black") .style("stroke-width", 0); // Republican squares group .selectAll("rect-rep") .data(scaleDataGOP) .enter() .append("rect") .attr("class", "scale-rep") .attr("x", (d, i) => i * squareSize + nudgeRight) .attr("y", nudgeDown + squareSize + titleGap) .attr("height", squareSize) .attr("width", squareSize) .style("fill", (d) => color(d[0], d[1], d[2])) .style("stroke", "black") .style("stroke-width", 0); // Legend labels group .selectAll("text-legend") .data(scaleDataGOP) .enter() .append("text") .attr("class", "text-legend") .attr("x", (d, i) => i * squareSize + halfSquare + nudgeRight) .attr("y", nudgeDown + squareSize + titleGap - halfSquare) .text((d) => d[1] * 100) .style("font-size", legendFontSize(squareSize)) .style("fill", "white") .style("stroke-width", 0) .style("text-anchor", "middle") .style("dominant-baseline", "middle"); // Legend labels group .selectAll("text-legend") .data(scaleDataGOP) .enter() .append("text") .attr("class", "text-legend") .attr("x", (d, i) => i * squareSize + halfSquare + nudgeRight) .attr("y", nudgeDown + squareSize * 2 + titleGap - halfSquare) .text((d) => d[1] * 100) .style("font-size", legendFontSize(squareSize)) .style("fill", "white") .style("stroke-width", 0) .style("text-anchor", "middle") .style("dominant-baseline", "middle"); // Apply a transformation to move and scale the entire group group.attr("transform", `translate(${x}, ${y}) scale(${scale})`); return group; }47:Ta4b,function createBarChart(svg, data, x, y, barHeight, w, height) { var group = svg.append("g"); var halfBarHeight = barHeight / 2; const h = height * 0.5; const total = d3.sum(data, (d) => d.value); // set up scales for horizontal placement const xScale = d3.scaleLinear().domain([0, total]).range([0, w]); // Format the data (instead of using d3.stack()) and filter out 0 values: function groupDataFunc(data) { // use a scale to get percentage values const percent = d3.scaleLinear().domain([0, total]).range([0, 100]); // filter out data that has zero values // also get mapping for next placement // (save having to format data for d3 stack) let cumulative = 0; const _data = data .map((d) => { cumulative += d.value; return { value: d.value, name: d.name, // want the cumulative to prior value (start of rect) cumulative: cumulative - d.value, label: d.label, color: d.color, percent: percent(d.value) }; }) .filter((d) => d.value > 0); return _data; } // stack rect for each data value group .append("rect") .attr("class", "rect-stacked") .attr("x", (d) => xScale(d.cumulative)) .attr("y", h / 2 - halfBarHeight) .attr("height", barHeight) .attr("width", (d) => xScale(d.value)) .style("fill", (d) => d.color) .attr("selected", "false") .style("stroke", "black") .style("stroke-width", 0); // add dashed line in the middle group .append("path") .attr( "d", d3.line()([ [width / 2 - 10, h / 2 - halfBarHeight - 10], [width / 2 - 10, h / 2 + halfBarHeight + 10] ]) ) .attr("stroke", "white") .attr("stroke-width", 3); // .style("stroke-dasharray", "7, 2"); // Democrat Label group .append("text") .text(data[0].name + "s") .attr("x", 0) .attr("y", 50) .attr("text-anchor", "start"); // Republican Label group .append("text") .text(data[6].name + "s") .attr("x", w) .attr("y", 50) .attr("text-anchor", "end"); //Rep seats won group .append("text") .text(data[6].value) .attr("x", w) .attr("y", 10) .attr("text-anchor", "end"); //Dem seats won group .append("text") .text(data[0].value) .attr("x", 0) .attr("y", 10) .attr("text-anchor", "start"); // var checkMark1 = createCheckmarkGroup(sel, 87, 50, 0.5, "Democrats"); // checkMark1.select(".checkmark").style("fill", "#0571b0"); // scheckMark1.select(".label").style("fill", "#0571b0"); return group; }48:T1553,function stackedBarHouse( data, { height = 100, barHeight = 20, halfBarHeight = barHeight / 2, f = d3.format(".1f"), margin = { top: 20, right: 10, bottom: 20, left: 10 }, w = width - margin.left - margin.right, h = height * 0.5 } = {} ) { // Have a total of values for reference from the data: const total = d3.sum(data, (d) => d.value); console.info("total", total); // Format the data (instead of using d3.stack()) and filter out 0 values: function groupDataFunc(data) { // use a scale to get percentage values const percent = d3.scaleLinear().domain([0, total]).range([0, 100]); // filter out data that has zero values // also get mapping for next placement // (save having to format data for d3 stack) let cumulative = 0; const _data = data .map((d) => { cumulative += d.value; return { value: d.value, name: d.name, // want the cumulative to prior value (start of rect) cumulative: cumulative - d.value, label: d.label, color: d.color, percent: percent(d.value) }; }) .filter((d) => d.value > 0); return _data; } console.log("this is data", data); const groupData = groupDataFunc(data); console.info("groupData", groupData); const svg = DOM.svg(width, height); const sel = d3.select(svg); // set up scales for horizontal placement const xScale = d3.scaleLinear().domain([0, total]).range([0, w]); const join = sel .selectAll("g") .data(groupData) .join("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // stack rect for each data value join .append("rect") .attr("class", "rect-stacked") .attr("x", (d) => xScale(d.cumulative)) .attr("y", h / 2 - halfBarHeight) .attr("height", barHeight) .attr("width", (d) => xScale(d.value)) .style("fill", (d) => d.color) .attr("selected", "false") .style("stroke", "black") .style("stroke-width", 0); // .on("click", function () { // const target = d3.select(this); // const selected = target.attr("selected"); // console.log(selected); // console.log(selected != "false"); // if (selected == "false") { // target.style("stroke-width", 2).attr("selected", "true"); // } else { // target.style("stroke-width", 0).attr("selected", "false"); // } // target.raise(); // }); // add dashed line in the middle join .append("path") .attr( "d", d3.line()([ [width / 2 - 10, h / 2 - halfBarHeight - 10], [width / 2 - 10, h / 2 + halfBarHeight + 10] ]) ) .attr("stroke", "white") .attr("stroke-width", 3); // .style("stroke-dasharray", "7, 2"); // // Democrat Label // join // .append("text") // .text(data[0].name + "s") // .attr("x", 0) // .attr("y", 50) // .attr("text-anchor", "start"); // Republican Label join .append("text") .text(data[6].name + "s") .attr("x", w) .attr("y", 50) .attr("text-anchor", "end"); //Rep seats won join .append("text") .text(data[6].value) .attr("x", w) .attr("y", 10) .attr("text-anchor", "end"); //Dem seats won join .append("text") .text(data[0].value) .attr("x", 0) .attr("y", 10) .attr("text-anchor", "start"); // Geets the number of seats var numberSeats = data[0].value + data[1].value + data[2].value + data[3].value + data[4].value + data[5].value + data[6].value; var checkMark1 = createCheckmarkGroup(sel, 87, 50, 0.5, "Democrats"); checkMark1.select(".checkmark").style("fill", "#0571b0"); checkMark1.select(".label").style("fill", "#0571b0"); // Sets the mark needed for someone to win. // var winThresh = numberSeats / 2; // join // .append("path") // .attr("d", checkmark) // // Moves the check to a different side dependent on who won // .attr("transform", () => { // if (data[0].value > winThresh) { // // Dems Won // console.log("dems won"); // return "translate(85, 40)"; // } // if (data[6].value > winThresh) { // // Reps Won // console.log("reps won"); // return "translate(1020, 40)"; // } // if ( // data[0].value + data[6].value == numberSeats && // data[0].value == data[6].value // ) { // // Nobody Won // return "translate(-100, -100)"; // } else { // // Others // return "translate(-100, -100)"; // } // }) // // Set the color of the check based on the winner of chamber // .attr("fill", () => { // if (data[0].value > winThresh) { // // Dems Won // console.log("dems won"); // return "#0571b0"; // } // if (data[6].value > winThresh) { // // Reps Won // console.log("reps won"); // return "#cc3c28"; // } // if ( // data[0].value + data[6].value == numberSeats && // data[0].value == data[6].value // ) { // // Nobody Won // return "white"; // } else { // // Others // return "white"; // } // }); // join // .append("text") // .text("House") // .attr("x", w / 2) // .attr("y", h / 2 + halfBarHeight + 22) // .attr("text-anchor", "middle"); return svg; }49:T12a6,function stackedBarSenate( data, { height = 100, barHeight = 20, halfBarHeight = barHeight / 2, f = d3.format(".1f"), margin = { top: 20, right: 10, bottom: 20, left: 10 }, w = width - margin.left - margin.right, h = height * 0.5 } = {} ) { // Have a total of values for reference from the data: const total = d3.sum(data, (d) => d.value); console.info("total", total); // Format the data (instead of using d3.stack()) and filter out 0 values: function groupDataFunc(data) { // use a scale to get percentage values const percent = d3.scaleLinear().domain([0, total]).range([0, 100]); // filter out data that has zero values // also get mapping for next placement // (save having to format data for d3 stack) let cumulative = 0; const _data = data .map((d) => { cumulative += d.value; return { value: d.value, name: d.name, // want the cumulative to prior value (start of rect) cumulative: cumulative - d.value, label: d.label, color: d.color, percent: percent(d.value) }; }) .filter((d) => d.value > 0); return _data; } console.log("this is data", data); const groupData = groupDataFunc(data); console.info("groupData", groupData); const svg = DOM.svg(width, height); const sel = d3.select(svg); // set up scales for horizontal placement const xScale = d3.scaleLinear().domain([0, total]).range([0, w]); const join = sel .selectAll("g") .data(groupData) .join("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // stack rect for each data value join .append("rect") .attr("class", "rect-stacked") .attr("x", (d) => xScale(d.cumulative)) .attr("y", h / 2 - halfBarHeight) .attr("height", barHeight) .attr("width", (d) => xScale(d.value)) .style("fill", (d) => d.color) .attr("opacity", 1) .on("mouseover", function () { const target = d3.select(this); target.attr("opacity", "1"); }) .on("mouseout", function () { const target = d3.select(this); target.attr("opacity", "1"); }); // add dashed line in the middle join .append("path") .attr( "d", d3.line()([ [width / 2 - 10, h / 2 - halfBarHeight - 10], [width / 2 - 10, h / 2 + halfBarHeight + 10] ]) ) .attr("stroke", "white") .attr("stroke-width", 3); // .style("stroke-dasharray", "7, 2"); // Democrat and Republican Label join .append("text") .text(data[0].name + "s") .attr("x", 0) .attr("y", 50) .attr("text-anchor", "start"); var numberSeats = data[0].value + data[1].value + data[2].value + data[3].value + data[4].value + data[5].value + data[6].value; var winThresh = numberSeats / 2; //Check Mark for Winner join .append("path") .attr("d", checkmark) // 1020 for reps 85 for dems .attr("transform", () => { if (data[0].value > winThresh) { // Dems Won console.log("dems won"); return "translate(85, 40)"; } if (data[6].value > winThresh) { // Reps Won console.log("reps won"); return "translate(1020, 40)"; } if ( data[0].value + data[6].value == numberSeats && data[0].value == data[6].value ) { // Nobody Won return "translate(-100, -100)"; } else { // Others return "translate(-100, -100)"; } }) // .attr("transform", "translate(85, 40)") // .attr("fill", "#0571b0") .attr("fill", () => { if (data[0].value > winThresh) { // Dems Won console.log("dems won"); return "#0571b0"; } if (data[6].value > winThresh) { // Reps Won console.log("reps won"); return "#cc3c28"; } if ( data[0].value + data[6].value == numberSeats && data[0].value == data[6].value ) { // Nobody Won return "white"; } else { // Others return "white"; } }); join .append("text") .text(data[6].name + "s") .attr("x", w) .attr("y", 50) .attr("text-anchor", "end"); //Rep seats won join .append("text") .text(data[6].value) .attr("x", w) .attr("y", 10) .attr("text-anchor", "end"); //Dem seats won join .append("text") .text(data[0].value) .attr("x", 0) .attr("y", 10) .attr("text-anchor", "start"); // join // .append("text") // .text("Senate") // .attr("x", w / 2) // .attr("y", h / 2 + halfBarHeight + 22) // .attr("text-anchor", "middle"); return svg; }4a:T661,function parseHouseJSON(data) { const colorCodes = { DEM: "#0571b0", // Dark Blue LEANDEM: "#7ba0d9", // Light Blue GOP: "#cc3c28", // Dark Red LEANGOP: "#f6a19a", // Light Red UNA: "#888888", // Grey "Races Not Finished": "#dddddd", "Too Early": "#FAF9F6" // Light Grey }; const houseDataRaceStatus = data["2023-11-07-election-va-state-aggregate-feed_house"]["RACE_STATUS"]; const called = houseDataRaceStatus["called"]; const leaning = houseDataRaceStatus["lean"]; const early = houseDataRaceStatus["early"]; const count = data["2023-11-07-election-va-state-aggregate-feed_house"]["count"]; const noResults = count - called.count - leaning.count - early.count; const json = [ { label: "DEM", name: "Democrat", value: called.DEM, color: colorCodes.DEM }, { label: "LEANDEM", name: "Leans Democrat", value: leaning.DEM, color: colorCodes.LEANDEM }, { label: "UNDECIDED", name: "Undecided", value: called.UNA + leaning.UNA, color: colorCodes.UNA }, { label: "Too Early", name: "Too Early", value: early.count, color: colorCodes["Too Early"] }, { label: "Races Not Finished", name: "No Results", value: noResults, color: colorCodes["Races Not Finished"] }, { label: "LEANREP", name: "Leans Republican", value: leaning.GOP, color: colorCodes.LEANGOP }, { label: "REP", name: "Republican", value: called.GOP, color: colorCodes.GOP } ]; return json; }4b:T666,function parseSenateJSON(data) { const colorCodes = { DEM: "#0571b0", // Dark Blue LEANDEM: "#7ba0d9", // Light Blue GOP: "#cc3c28", // Dark Red LEANGOP: "#f6a19a", // Light Red UNA: "#888888", // Grey "Races Not Finished": "#dddddd", "Too Early": "#FAF9F6" // Light Grey }; const senateDataRaceStatus = data["2023-11-07-election-va-state-aggregate-feed_senate"]["RACE_STATUS"]; const called = senateDataRaceStatus["called"]; const leaning = senateDataRaceStatus["lean"]; const early = senateDataRaceStatus["early"]; const count = data["2023-11-07-election-va-state-aggregate-feed_senate"]["count"]; const noResults = count - called.count - leaning.count - early.count; const json = [ { label: "DEM", name: "Democrat", value: called.DEM, color: colorCodes.DEM }, { label: "LEANDEM", name: "Leans Democrat", value: leaning.DEM, color: colorCodes.LEANDEM }, { label: "UNDECIDED", name: "Undecided", value: called.UNA + leaning.UNA, color: colorCodes.UNA }, { label: "Too Early", name: "Too Early", value: early.count, color: colorCodes["Too Early"] }, { label: "Races Not Finished", name: "No Results", value: noResults, color: colorCodes["Races Not Finished"] }, { label: "LEANREP", name: "Leans Republican", value: leaning.GOP, color: colorCodes.LEANGOP }, { label: "REP", name: "Republican", value: called.GOP, color: colorCodes.GOP } ]; return json; }4c:[{"id":"a0027a94eecfcc71d9701a5db8391177122b38b882aa877ac582e4ff411f13c749215439066834dc513c7f65120cc787517e72cf9e28f02a2d6038c0efa1a6d0","href":"https://static.observableusercontent.com/files/a0027a94eecfcc71d9701a5db8391177122b38b882aa877ac582e4ff411f13c749215439066834dc513c7f65120cc787517e72cf9e28f02a2d6038c0efa1a6d0","name":"SCV_FINAL_SD.geojson","type":"application/geo+json","lastModified":1699741137954.677,"size":8315815},{"id":"2dd921fd3f9f66999d7792af0ff449fb8a77336017368c25287a83310e0c7aa96c96cb418806e37f4de546c32cbff4b391c1099da42af8acf71cb866f461725e","href":"https://static.observableusercontent.com/files/2dd921fd3f9f66999d7792af0ff449fb8a77336017368c25287a83310e0c7aa96c96cb418806e37f4de546c32cbff4b391c1099da42af8acf71cb866f461725e","name":"HOD Final.geojson","type":"application/geo+json","lastModified":1699741137954.677,"size":13123567},{"id":"c6d954a18f8dd031b6c9a964d15695c833c885f7a227ece494701abc1778375d31a8109340e70464e91af5dcb4546c5e5b103311c66463529d5c3acf7f85bb78","href":"https://static.observableusercontent.com/files/c6d954a18f8dd031b6c9a964d15695c833c885f7a227ece494701abc1778375d31a8109340e70464e91af5dcb4546c5e5b103311c66463529d5c3acf7f85bb78","name":"simplified state senate.geojson","type":"application/geo+json","lastModified":1699746183993.399,"size":51352},{"id":"d5df1a7b30dd21f745558cf6f680efc24b19328bd9f39aa4b4971a1a04085ed2adff28236ce99241e8daed4e85b6597295d7b4b1f13cd341ceca0f7d27bf9a79","href":"https://static.observableusercontent.com/files/d5df1a7b30dd21f745558cf6f680efc24b19328bd9f39aa4b4971a1a04085ed2adff28236ce99241e8daed4e85b6597295d7b4b1f13cd341ceca0f7d27bf9a79","name":"simplifiedStateHouse.geojson","type":"application/geo+json","lastModified":1699746367739.959,"size":93218},{"id":"85f103e7488752e7841eb25d1612d416b9e0dcd339134a7a12d5cdebb712268920e228a1dcb2154111f7046fb100f844191696e8ec70199f268a5a506f7a0e2d","href":"https://static.observableusercontent.com/files/85f103e7488752e7841eb25d1612d416b9e0dcd339134a7a12d5cdebb712268920e228a1dcb2154111f7046fb100f844191696e8ec70199f268a5a506f7a0e2d","name":"simplified_fixedboundaries_state_house.geojson","type":"application/geo+json","lastModified":1699749705446.977,"size":214863},{"id":"26fd59a964c91fe2cb9c555aae9342b97bb002d2e9f9fd989a56a85d56d0c0f891a67c2193ade347383dca3327e285a9d809ed90e57a95df538aa90f32378a09","href":"https://static.observableusercontent.com/files/26fd59a964c91fe2cb9c555aae9342b97bb002d2e9f9fd989a56a85d56d0c0f891a67c2193ade347383dca3327e285a9d809ed90e57a95df538aa90f32378a09","name":"simplified_fixedborders_state_senate.geojson","type":"application/geo+json","lastModified":1699749898122.487,"size":104424}] 43:{"id":"310f097e86e389b9","slug":null,"title":"Virginia Elections Results","thumbnail":"fea2b373d8be6986886280265e9c682cffd436d565a1501ca2142664565805dd","access_level":"public","create_time":"$D2023-11-11T22:18:57.954Z","update_time":"$D2024-08-19T12:37:14.678Z","view_time":null,"first_public_time":"$D2023-11-11T22:18:57.954Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"37f9fcbb11e85786","login":"pmpcharts","name":"PMP Charts","avatar_url":"https://avatars-next.observableusercontent.com/2d6a2e9bc58c77eb7fba4dff4455069498c7ae17cb822571f22b1e2eccaa6a15","tier":"starter_2024","bio":"New to D3. Messing around and trying things out.","following":false},"version":2016,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"d8edab3a0fa8dd74","login":"pmpcharts","name":"PMP Charts","avatar_url":"https://avatars-next.observableusercontent.com/2d6a2e9bc58c77eb7fba4dff4455069498c7ae17cb822571f22b1e2eccaa6a15","tier":null,"bio":"New to D3. Messing around and trying things out.","following":false}],"members":[{"type":"individual","id":"d8edab3a0fa8dd74","login":"pmpcharts","name":"PMP Charts","avatar_url":"https://avatars-next.observableusercontent.com/2d6a2e9bc58c77eb7fba4dff4455069498c7ae17cb822571f22b1e2eccaa6a15","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Virginia Elections Results","cells":[{"id":0,"value":"

Virginia Elections Results

2023

\n\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1500,"value":"

State Senate

State House of Representatives

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":473,"value":"stackedBarHouse(parseHouseJSON(aggregateResults))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"houseMap = makeMap(\n simplified_fixedboundaries_state_house,\n houseWinners,\n gradientBool\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1327,"value":"viewof gradientBool = Inputs.toggle({ label: \"Gradient\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":972,"value":"## Functions to Make Graphics","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":611,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1944,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1916,"value":"function createCheckmarkGroup(svg, x, y, scale, text, fill) {\n // Create a group element\n var group = svg.append(\"g\");\n\n // Append main text to the group\n group\n .append(\"text\")\n .attr(\"class\", \"label\")\n .text(text)\n .attr(\"x\", 20)\n .attr(\"y\", 40)\n .attr(\"font-size\", 36)\n .style(\"text-anchor\", \"end\");\n\n // Append checkmark to the group\n group\n .append(\"path\")\n .attr(\"d\", checkmark)\n .attr(\"class\", \"checkmark\")\n .attr(\"transform\", \"translate(23, 25) scale(1.7)\")\n .attr(\"fill\", fill || \"blue\"); // Use the provided fill or default to \"blue\"\n\n // Apply a transformation to move and scale the entire group\n group.attr(\"transform\", `translate(${x}, ${y}) scale(${scale})`);\n\n return group;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1964,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":607,"value":"function color(party, votePerc, variable) {\n if (party == \"GOP\") {\n if (variable == false || votePerc == 1) {\n return \"#cc3c28\";\n } else {\n return colorScaleGOP(votePerc);\n }\n }\n if (party == \"DEM\") {\n if (variable == false || votePerc == 1) {\n return \"#0571b0\";\n } else {\n return colorScaleDem(votePerc);\n }\n } else {\n return \"purple\";\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1225,"value":"colorScaleDem = d3.scaleLog().domain([.35, 1]).range([\"white\", \"#0571b0\"])\n\n//\"#82a6c7\", \"#0571b0\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1232,"value":"colorScaleGOP = d3.scaleLog().domain([0.35, 1]).range([\"white\", \"#cc3c28\"])\n\n// \"#e59d93\", \"#cc3c28\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":977,"value":"## Get Total Winners Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":233,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":960,"value":"## Get Winners\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":998,"value":"##### Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1187,"value":"function getWinnersVotePerc(race) {\n // Returns object with the vote percents of candidates\n var candidateVotePerc = getCandidatesVotePerc(race);\n // Get the name of the winner\n var winnerName = race[\"outcome\"][\"won\"][0];\n var votePerc;\n\n for (const d in candidateVotePerc) {\n // Check and see if there is a winner, if so pass back the party id, if there isn't return \"no winner\"\n if (d == winnerName) {\n votePerc = candidateVotePerc[d];\n }\n }\n\n return votePerc;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1162,"value":"function getCandidatesVotePerc(race) {\n var totalVotes = race[\"top_reporting_unit\"][\"total_votes\"];\n if (totalVotes == 0) {\n return 1;\n }\n return getVotePerc(getRaceCandidates(race), totalVotes);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1115,"value":"function getVotePerc(candidates, totalVotes) {\n var votes = {};\n for (const d in candidates) {\n // Check and see if there is a winner, if so pass back the party id, if there isn't return \"no winner\"\n votes[candidates[d][\"nyt_id\"]] =\n candidates[d][\"votes\"][\"total\"] / totalVotes;\n }\n return votes;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1105,"value":"function getRaceCandidates(race) {\n return race[\"top_reporting_unit\"][\"candidates\"];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":843,"value":"function getRaceInfo(race) {\n var output = {};\n // Name of winner\n //output[\"winnerName\"] = \"None\";\n if (race[\"outcome\"][\"won\"].length != 0) {\n output[\"winnerName\"] = race[\"outcome\"][\"won\"][0];\n } else {\n output[\"winnerName\"] = \"No Winner\";\n }\n // Party of winner\n output[\"winnerParty\"] = winnerParty(race, output[\"winnerName\"]);\n console.log(\"details\", getWinnersVotePerc(race));\n if (getWinnersVotePerc(race) != undefined) {\n output[\"votePerc\"] = getWinnersVotePerc(race);\n } else {\n output[\"votePerc\"] = 1;\n }\n\n // Returns if there is a winner, the name of the winner, party of winner(Also, eventually the race percentage)\n return output;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"function winnerParty(race, winnerName) {\n var candidates = race[\"candidate_metadata\"];\n for (const d in candidates) {\n // Check and see if there is a winner, if so pass back the party id, if there isn't return \"no winner\"\n if (d == winnerName) {\n return candidates[d][\"party\"][\"nyt_id\"];\n }\n }\n return \"No Winner\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"function listWinners(races) {\n var winners = {};\n // Goes through the races and creates a new {} with all of the races in it.\n for (const d in races) {\n winners[races[d][\"seat_number\"]] = getRaceInfo(races[d]);\n }\n return winners;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":996,"value":"##### Resulting Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":847,"value":"houseWinners = listWinners(houseData)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":890,"value":"senateWinners = listWinners(senateData)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"## Election Data\n\n#### Get Aggregate Data\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":164,"value":"function fetchAggregateResults() {\n d3.json(\n \"https://elex-page-data-prod.elections.aws.wapo.pub/results/2023-11-07-election-va-state-aggregate-feed.json\"\n )\n .then((aggregateResults) => {\n // Do something with the fetched data here\n return aggregateResults;\n })\n .catch((error) => {\n console.error(\"Error fetching data:\", error);\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":980,"value":"##### Resulting Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"// Grab aggregate results of Virginia from the Washington Post\n\naggregateResults = await d3.json(\n \"https://elex-page-data-prod.elections.aws.wapo.pub/results/2023-11-07-election-va-state-aggregate-feed.json\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"#### Get the Individual Race Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":621,"value":"function fetchResults(url) {\n var data = d3.json(url);\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":986,"value":"##### Resulting Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":619,"value":"data = fetchResults(\n \"https://static01.nyt.com/elections-assets/2022/data/2023-11-07/results-virginia.json\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":989,"value":"##### Pruned Data (Senate and House Races)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":625,"value":"senateData = data[\"races\"].filter((d) => d.office == \"State Senate\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"houseData = data[\"races\"].filter((d) => d.office == \"House of Delegates\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":945,"value":"## Map Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":993,"value":"#### Detailed Maps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":929,"value":"simplifiedStateSenate = FileAttachment(\"simplified state senate.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":933,"value":"simplifiedstatehouse = FileAttachment(\"simplifiedStateHouse.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":991,"value":"#### Simplified Maps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":663,"value":"senateMapGEOJSON = FileAttachment(\"SCV_FINAL_SD.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":706,"value":"houseMapGEOJSON = FileAttachment(\"HOD Final.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1043,"value":"#### Simplified Maps Geographic Outlines\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1046,"value":"simplified_fixedboundaries_state_house = FileAttachment(\"simplified_fixedboundaries_state_house.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1048,"value":"simplified_fixedborders_state_senate = FileAttachment(\"simplified_fixedborders_state_senate.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":967,"value":"## Extra Stuff\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":970,"value":"##### The svg path for the checkmark.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":747,"value":"checkmark = \"M 7 10 L 0 3 L 3 0 L 7 4 L 14 -3 L 17 0 L 7 10\" // SVG path for a check mark","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1436,"value":"

Formatting for the text

\n\n\n\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 44:"$43:body"