32:T6f0,// graphic = { // return html` // // //

The 2020 Cook County state’s attorney’s race is shaping up to be the most expensive ever.

Lead challenger Bill Conway’s campaign committee has raised triple that of incumbent Kim Foxx thanks to millions in support from his father. But Foxx has benefited from external spending by super PACs (not pictured).

// ${chart2020} //

2016 state's attorney primary fundraising

// ${chart2016} //

Source: Illinois State Board Of Elections. 2020 figures go back to 2019 Q2 quarterly filing and through March 10, 2020; 2016 figures go back to the 2015 Q2 quarterly filing.

David Eads, Josh McGhee, Asraa Mustufa

// `; // }33:T42d,labelAnnotations = [ { id: "note0", note: { label: "Incumbent Kim Foxx enters the race with about $350,000 in available funds." }, data: { date: new Date("2019-08-01"), y: 0 }, dx: 0, dy: -150 }, { id: "note1", note: { label: "Bill Conway's campaign committee created. A few days later, his father donates $500,000.", title: "Aug. 8, 2019" }, data: { date: new Date("2019-08-08"), y: 0 }, dx: 0, dy: -25 }, { id: "note2", note: { label: "Starting in 2020, Conway's father regularly donates $2.5-$3 million at regular intervals.", title: "Jan. 1, 2020" }, data: { date: new Date("2020-01-01"), y: 5.5e6 }, dx: -130, dy: -1 }, { id: "note3", type: d3.annotationCalloutCircle, note: { label: "Foxx's 2020 fundraising resembles her 2016 run." }, data: { date: new Date("2020-02-25"), y: 2.9e6 }, dx: -chartWidth * 0.124, dy: -100 } ]34:T534,chart2020 = { const svg = render_chart( committees2020, width > breakpoint ? '2019-07-30' : '2019-10-31', '2020-03-10', chartHeight ); svg .attr("class", "graphic") .append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("text-anchor", "start") .selectAll("text") .data(committees2020) .join("text") .text(d => shortNames[d.id]) .attr("dy", d => { switch (d.id) { case 21102: // Fioretti return 5; default: return -5; } }) .attr("x", d => chartWidth - margin.right + 3) .attr("y", d => labelY(d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount) ); svg .append("g") .attr("font-size", 14) .attr("text-anchor", "end") .attr("font-weight", "800") .selectAll("text") .data( committees2020.filter( d => d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount > 2.5e5 ) ) .join("text") .text(d => d3.format("$.2s")( d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount ) ) .attr("dy", -5) .attr("x", d => chartWidth - margin.right) .attr("y", d => labelY(d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount) ); return svg.node(); }35:T65f,function render_chart(data, startDate, endDate, height) { const x = d3 .scaleTime() .domain([new Date(startDate), new Date(endDate)]) .range([margin.left, chartWidth - margin.right]); const y = d3 .scaleLinear() .domain([ 0, d3.max( data.map( d => d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount ) ) ]) .nice() .range([height - margin.bottom, margin.top]); const line = d3 .line() .curve(d3.curveStepAfter) .x((d, i) => x(new Date(d.day))) .y(d => y(d.cumulative_amount)); const xAxis = g => g.attr("transform", `translate(0,${height - margin.bottom})`).call( d3 .axisBottom(x) .ticks(width / 120) .tickSizeOuter(0) .tickFormat(d => d3.timeFormat("%b '%y")(d)) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .ticks(height / 50) .tickFormat(d => d3.format("$~s")(d)) ) .call(g => g.select(".domain").remove()); const svg = d3 .create("svg") .attr("viewBox", [0, 0, chartWidth, height]) .attr("id", "chart") .style("overflow", "hidden"); const path = svg .append("g") .attr("fill", "none") .attr("stroke-width", 2) .selectAll("path") .data(data) .join("path") .style("mix-blend-mode", "multiply") .attr("stroke", (d, i) => { return nameScale(shortNames[d.id]); }) .attr("d", d => line(d.receiptsByDay)); svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg; }36:T409,function donorTable(d) { const max = d3.sum(d.topDonors, d => d.amount); const bigFormatter = d3.format(".1f"); const smallFormatter = d3.format(".3f"); return html`

${d.name}

${HyperGrid(d.topDonors, { height: 315, columns: [ { name: "Donor", formatter: d => d.name, width: "1fr" }, { name: "Donated since July 1, 2019", formatter: d => d3.format("$.3~s")(d.amount), width: ".7fr" }, { name: "Percent of total", formatter: d => { const pct = (100 * d.amount) / max; const numFormatter = pct > .1 ? bigFormatter : smallFormatter; return html`

${numFormatter(pct)}%

`; }, width: ".7fr" } ] })}`; }37:[{"id":"437a52fdbf70b5a2e64c67c90666a03f1e1b0150d172e834ea94759b8022d8f2a81bc14415df744a95a21244b3f6e36210b3d28b55009a77e3470e4865c8974b","href":"https://static.observableusercontent.com/files/437a52fdbf70b5a2e64c67c90666a03f1e1b0150d172e834ea94759b8022d8f2a81bc14415df744a95a21244b3f6e36210b3d28b55009a77e3470e4865c8974b","name":"committees2020.json","type":"application/json","lastModified":1584067661730.489,"size":210912},{"id":"6816315467d89e4bbe125bcb1c5905fcfc14be630708b2e7a4fd02408b2b7b9b6608abfa8ef0bad69a55a914b9c89ba8c579cf756e2051e102c148423f73629c","href":"https://static.observableusercontent.com/files/6816315467d89e4bbe125bcb1c5905fcfc14be630708b2e7a4fd02408b2b7b9b6608abfa8ef0bad69a55a914b9c89ba8c579cf756e2051e102c148423f73629c","name":"committees2016.json","type":"application/json","lastModified":1584067661799.524,"size":539430}] 30:{"title":"Cook County State's Attorney Race 2020 campaign finance analysis","cells":[{"id":0,"value":"md`# Cook County State's Attorney Race 2020 campaign finance analysis\n\nDemocractic race committees: Friends for Foxx (31640), Friends of Bill Conway (35549), Friends of Bob Fioretti (21102), Friends of Donna More (35595) shown.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"committee_ids2020 = [31640, 35549, 21102, 35595]","pinned":false,"hidden":false,"mode":"ojs"},{"id":495,"value":"md`2016 committees are: Foxx again, Friends of Anita Alvarez (20758), Donna More (31632).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":476,"value":"committees_ids2016 = [31640, 20758, 31632]","pinned":false,"hidden":false,"mode":"ojs"},{"id":491,"value":"END_DATE = \"2020-03-10\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":644,"value":"committees2020 = FileAttachment(\"committees2020.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":642,"value":"committees2016 = FileAttachment(\"committees2016.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":684,"value":"shortNames = ({\n 31640: \"Foxx\",\n 35549: \"Conway\",\n 21102: \"Fioretti\",\n 35595: \"More\",\n 20758: \"Alvarez\",\n 31632: \"More\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":686,"value":"nameScale = d3.scaleOrdinal(\n [\"Foxx\", \"Conway\", \"Fioretti\", \"More\", \"Alvarez\"],\n d3.schemeDark2\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":932,"value":"md`## Production notes\n\nScreenshots taken at 1024\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":456,"value":"md`# Timeline chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":953,"value":"html`\n \n `","pinned":true,"hidden":false,"mode":"ojs"},{"id":567,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":880,"value":"{\n applyAnnotations(labels, chart2020);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":173,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"chartHeight = width > breakpoint ? chartWidth * 0.35 : chartWidth * 0.5","pinned":true,"hidden":false,"mode":"ojs"},{"id":719,"value":"oldChartHeight = width > breakpoint ? chartWidth * 0.11 : chartWidth * .13","pinned":true,"hidden":false,"mode":"ojs"},{"id":848,"value":"chartWidth = width","pinned":true,"hidden":false,"mode":"ojs"},{"id":151,"value":"selectedDate = \"2019-06-30\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":526,"value":"chart2016 = {\n const svg = render_chart(\n committees2016,\n width > breakpoint ? '2015-07-30' : '2015-10-31',\n '2016-03-10',\n oldChartHeight\n );\n\n svg\n .append(\"g\")\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 11)\n .attr(\"text-anchor\", \"start\")\n .selectAll(\"text\")\n .data(committees2016)\n .join(\"text\")\n .text(d => shortNames[d.id])\n .attr(\"visibility\", (d, i) =>\n width > breakpoint || i === 1 ? \"visible\" : \"hidden\"\n )\n .attr(\"dy\", d => 3)\n .attr(\"x\", d => chartWidth - margin.right + 3)\n .attr(\"y\", d =>\n oldY(d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount)\n );\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":516,"value":"labelY = d3\n .scaleLinear()\n .domain([\n 0,\n d3.max(\n committees2020.map(\n d => d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount\n )\n )\n ])\n .nice()\n .range([chartHeight - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":619,"value":"oldY = d3\n .scaleLinear()\n .domain([\n 0,\n d3.max(\n committees2016.map(\n d => d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount\n )\n )\n ])\n .nice()\n .range([oldChartHeight - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":460,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"margin = ({ left: 30, right: 50, top: 10, bottom: 20 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":284,"value":"style = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":839,"value":"d3.sum(\n committees2020.map(\n d => d.receiptsByDay[d.receiptsByDay.length - 1].cumulative_amount\n )\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":678,"value":"breakpoint = 700","pinned":true,"hidden":false,"mode":"ojs"},{"id":531,"value":"labelX = d3\n .scaleTime()\n .domain([new Date('2019-07-30'), new Date('2020-03-10')])\n .range([margin.left, chartWidth - margin.right])","pinned":true,"hidden":false,"mode":"ojs"},{"id":179,"value":"getAnnotations = function(annotationList, x, y, parseTime, formatTime, debug) {\n let makeLabelAnnotations = d3\n .annotation()\n .editMode(debug) // GLOBAL VARIABLE\n .type(d3.annotationCallout) // Adjust this arg to adjust the default annotation styling.\n .accessors({\n x: d => x(d.date),\n y: d => y(d.y)\n })\n // .accessorsInverse({\n // date: \"x\",\n // close: \"z\"\n // })\n .annotations(annotationList);\n\n return makeLabelAnnotations;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"applyAnnotations = function(annotations, target) {\n /*Draws d3.annotation objects onto a designated DOM node */\n d3.select(target)\n .append(\"g\")\n .attr(\"class\", \"annotation-group\")\n .call(annotations);\n return annotations;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"labels = getAnnotations(labelAnnotations, labelX, labelY, DEBUG)","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"DEBUG = true","pinned":false,"hidden":false,"mode":"ojs"},{"id":452,"value":"md`# Top donor tables`","pinned":false,"hidden":false,"mode":"ojs"},{"id":756,"value":"conwayDonors = donorTable(committees2020[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":760,"value":"foxxDonors = donorTable(committees2020[2])","pinned":true,"hidden":false,"mode":"ojs"},{"id":845,"value":"moreDonors = donorTable(committees2020[3])","pinned":true,"hidden":false,"mode":"ojs"},{"id":435,"value":"$36","pinned":true,"hidden":false,"mode":"ojs"},{"id":788,"value":"// md`## Conway donations\n// ${HyperGrid(committees2020[0].receipts, { height: 315 })}\n// `","pinned":true,"hidden":false,"mode":"ojs"},{"id":429,"value":"import { HyperGrid } from \"@chicagoreporter/hypergrid\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"d3 = require(\"d3@5\", \"d3-array\", \"d3-svg-annotation\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}