31:[] 2f:{"title":"FELONYVOTE Graphic","cells":[{"id":0,"value":"# FELONYVOTE Graphic","pinned":false,"hidden":false,"mode":"md"},{"id":105,"value":"chart = html`\n\n

\n\n

\n Dek\n

\nChatter\n

\n\n\n

\n\n

\n ${drawChart(groupedData[1])}\n

\n\n

\n ${drawChart(groupedData[0])}\n

\n\n

\n ${drawChart(groupedData[2])}\n

\n\n

\n ${drawChart(groupedData[3])}\n

\n\n\n

\n\n

\n Source: SOURCE\n

\n\n

\n\n${style}\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"drawChart = ([state, nodes]) => {\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width * 1.5, height * 2.2]);\n\n const node = svg\n .selectAll(\".node\")\n .data(nodes)\n .join(\"circle\")\n .attr(\"r\", d => d.r)\n .style(\"fill\", d => (d.match == \"TRUE\" ? \"blue\" : \"lightblue\"))\n .style(\"opacity\", d => (d.match == \"TRUE\" ? \"1\" : \"0.5\"))\n .classed(\"node\", true);\n\n const simulation = d3\n .forceSimulation(nodes)\n .force(\"charge\", d3.forceManyBody().strength(5))\n .force(\n \"collide\",\n d3\n .forceCollide()\n .radius(d => d.r + 2)\n .iterations(4)\n )\n .force(\"center\", d3.forceCenter(width / 1.5, height / .9))\n .on(\"tick\", tick);\n\n function tick() {\n node.attr(\"cx\", d => d.x).attr(\"cy\", d => d.y);\n }\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`# Parameters`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":445,"value":"width = 800","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"md`# Styling`","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"md`# Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"groupedData = d3.groups(data, (d) => d.state)","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"groupedTestData = d3.groups(testData, (d) => d.state)","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"testData = {\n const r = d3.randomUniform(1, 3);\n\n return Array.from({ length: 100 }, (_, i) => ({\n node: i,\n state: \"ia\",\n match: i > 5 ? \"TRUE\" : \"FALSE\",\n r: r()\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"md`\n\nThere are **${data.length}** newly eligible voters\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"data = iowa.concat(kentucky).concat(nevada).concat(newJersey)","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"iowa = {\n const r = d3.randomUniform(8, 10);\n return Array.from({ length: 1007 }, (_, i) => ({\n node: i,\n state: \"ia\",\n match: i >= 0 && i <= 60 ? \"TRUE\" : \"FALSE\",\n r: r()\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"kentucky = {\n const r = d3.randomUniform(8, 10);\n return Array.from({ length: 1775 }, (_, i) => ({\n node: i,\n state: \"ky\",\n match: i >= 0 && i <= 320 ? \"TRUE\" : \"FALSE\",\n r: r()\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"nevada = {\n const r = d3.randomUniform(8, 10);\n return Array.from({ length: 375 }, (_, i) => ({\n node: i,\n state: \"nv\",\n match: i >= 0 && i <= 44 ? \"TRUE\" : \"FALSE\",\n r: r()\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"newJersey = {\n const r = d3.randomUniform(8, 10);\n\n return Array.from({ length: 19 }, (_, i) => ({\n node: i,\n state: \"nj\",\n match: i == 0 ? \"TRUE\" : \"FALSE\",\n r: r()\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"md`# Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"import { aq, op } from \"@uwdata/arquero\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}