Skip to content

Commit

Permalink
Add 2024 local election fund graphs (#116)
Browse files Browse the repository at this point in the history
## What does this PR do?
Adds two graphs for the _Maroon_'s coverage of Chicago's 2024 local
elections

## How was the functionality tested and verified?
All steps should be completed in the order presented, and you should not
move on to the next step until the previous is completed.
- [x] The title of each visual's `html` page is the same as the chart
title.
- [x] The `meta_data.json` file for each visual is filled in correctly
(the description is a complete sentence, and the title is the same as
the visual).
- [x] Each visual and associated files has been minified using the `npm
run process-visual` command.
- [x] Each visual was styled according to style guidelines (centered
title/subtitle, uses our color scheme, etc.).
- [x] Each visual was approved by the lead developer.
- [x] Each visual was approved by the story's authors and/or
stakeholders.
- [ ] Each visual was submitted to Copy, and the resulting
comments/edits have been resolved.

![Screenshot 2024-11-04 at 1 36
36 PM](https://github.com/user-attachments/assets/93416c92-5818-4c02-bbd1-675fff14c145)
![Screenshot 2024-11-04 at 1 36
42 PM](https://github.com/user-attachments/assets/43d94cb4-88ac-4feb-adb5-0fbb4d127d6c)

---------

Co-authored-by: Asteinhart <[email protected]>
Co-authored-by: Austin Steinhart <[email protected]>
  • Loading branch information
3 people authored Nov 5, 2024
1 parent 4169afc commit 2b9ba38
Show file tree
Hide file tree
Showing 9 changed files with 356 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Money Raised in Chicago's 2024 Local Elections</title><style>body{margin:0;background-color:#f8f9fa}h1{margin-top:20px;margin-bottom:5px;font-size:24px;color:#333;text-align:center}h2{margin-top:0;margin-bottom:10px;font-size:17px;color:#777;text-align:center}.table-container{max-width:800px;width:90%;margin:20px auto;padding:0 10px}table{display:block;border-collapse:collapse;width:100%;margin:20px;overflow:hidden}td,th{padding:15px;text-align:center;border:none}th{background-color:transparent}tr{border-bottom:1px solid #e0e0e0}tr:last-child{border-bottom:none}.dem-high{background-color:#0d4e73;color:#fff;width:15%}.dem-mid{background-color:#327a9b;color:#fff;width:15%}.dem-low{background-color:#6ea3ba;color:#fff;width:15%}.rep-high{background-color:#a86a63;color:#000;width:15%}.rep-mid{background-color:#c9968c;color:#000;width:15%}.rep-low{background-color:#d4b3ad;color:#000;width:15%}.election-name{font-weight:700;width:15%;background-color:transparent}.candidate-name{width:15%;background-color:#f5f5f5}</style><h1>Money Raised in Chicago's 2024 Local Elections</h1><h2>Democratic candidates outpace Republican rivals in donations.</h2><div style=display:block><table><thead><tr><th rowspan=2><th colspan=2>Democratic Candidate<th colspan=2>Republican Candidate<tbody><tr><td class=election-name>Cook County State's Attorney<td class=candidate-name>Eileen O'Neill Burke<td class=dem-high>$4,170,000<td class=candidate-name>Robert "Bob” Fioretti<td class=rep-high>$268,000<tr><td class=election-name>Cook County Clerk<td class=candidate-name>Monica Gordon<td class=dem-mid>$527,000<td class=candidate-name>Michelle Pennington<td class=rep-mid>$11,000<tr><td class=election-name>Cook County Circuit Court<td class=candidate-name>Pablo deCastro<td class=dem-low>$185,000<td class=candidate-name>Tien Glaub<td class=rep-low>$3,000</table></div>
135 changes: 135 additions & 0 deletions 2024/illinois-election-overview-table/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Money Raised in Chicago's 2024 Local Elections</title>
<style>
body {
margin: 0;
background-color: #f8f9fa;
}
h1 {
margin-top: 20px;
margin-bottom: 5px;
font-size: 24px;
color: #333;
text-align: center;
}
h2 {
margin-top: 0;
margin-bottom: 10px;
font-size: 17px;
color: #777;
text-align: center;
}
.table-container {
max-width: 800px;
width: 90%;
margin: 20px auto;
padding: 0 10px;
}
table {
display: block;
border-collapse: collapse;
width: 100%;
margin: 20px;
overflow: hidden;
}
th,
td {
padding: 15px;
text-align: center;
border: none;
}
th {
background-color: transparent;
}
tr {
border-bottom: 1px solid #e0e0e0;
}
tr:last-child {
border-bottom: none;
}
.dem-high {
background-color: #0d4e73;
color: #ffffff;
width: 15%;
}
.dem-mid {
background-color: #327a9b;
color: #ffffff;
width: 15%;
}
.dem-low {
background-color: #6ea3ba;
color: #ffffff;
width: 15%;
}
.rep-high {
background-color: #a86a63;
color: #000000;
width: 15%;
}
.rep-mid {
background-color: #c9968c;
color: #000000;
width: 15%;
}
.rep-low {
background-color: #d4b3ad;
color: #000000;
width: 15%;
}
.election-name {
font-weight: bold;
width: 15%;
background-color: transparent;
}
.candidate-name {
width: 15%;
background-color: #f5f5f5;
}
</style>
</head>
<body>
<h1>Money Raised in Chicago's 2024 Local Elections</h1>
<h2>Democratic candidates outpace Republican rivals in donations.</h2>
<div style="display: block">
<table>
<thead>
<tr>
<th rowspan="2"></th>
<th colspan="2">Democratic Candidate</th>
<th colspan="2">Republican Candidate</th>
</tr>
</thead>
<tbody>
<tr>
<td class="election-name">
Cook County State's Attorney
</td>
<td class="candidate-name">Eileen O'Neill Burke</td>
<td class="dem-high">$4,170,000</td>
<td class="candidate-name">Robert "Bob” Fioretti</td>
<td class="rep-high">$268,000</td>
</tr>
<tr>
<td class="election-name">Cook County Clerk</td>
<td class="candidate-name">Monica Gordon</td>
<td class="dem-mid">$527,000</td>
<td class="candidate-name">Michelle Pennington</td>
<td class="rep-mid">$11,000</td>
</tr>
<tr>
<td class="election-name">Cook County Circuit Court</td>
<td class="candidate-name">Pablo deCastro</td>
<td class="dem-low">$185,000</td>
<td class="candidate-name">Tien Glaub</td>
<td class="rep-low">$3,000</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
4 changes: 4 additions & 0 deletions 2024/illinois-election-overview-table/meta_data.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"description": "This is a table showing total donations going to each candidate in the 2024 elections for Cook County State's Attorney, Cook County Clerk and Cook County Circuit Court.",
"title": "Money Raised in Chicago's 2024 Local Elections"
}
103 changes: 103 additions & 0 deletions 2024/school-board-district-10-table/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Money Raised in Chicago's 2024 School Board Election: District 10
</title>
<style>
body {
margin: 0;
background-color: #f8f9fa;
}
h1 {
margin-top: 20px;
margin-bottom: 0px;
font-size: 24px;
color: #333;
text-align: center;
}
.table-container {
max-width: 800px;
width: 90%;
margin: 20px auto;
padding: 0 10px;
}
table {
display: block;
border-collapse: collapse;
width: 90%;
margin: 0 20px;
overflow: hidden;
}
th,
td {
padding: 15px;
text-align: center;
border: none;
}
th {
background-color: transparent;
}
tr {
border-bottom: 1px solid #e0e0e0;
}
tr:last-child {
border-bottom: none;
}
.candidate-name {
font-weight: normal;
width: 2%;
background-color: transparent;
}
.funding-highest {
width: 2%;
background-color: #bebebe;
}
.funding-high {
width: 2%;
background-color: #cccccc;
}
.funding-mid {
width: 2%;
background-color: #dcdcdc;
}
.funding-low {
width: 2%;
background-color: #ececec;
}
</style>
</head>
<body>
<h1>
Money Raised in Chicago's 2024 School Board Election: District 10
</h1>
<div style="display: block">
<table>
<thead>
<tr>
<th rowspan="2"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="candidate-name">Reverend Robert Jones</td>
<td class="funding-highest">$289,000</td>
</tr>
<tr>
<td class="candidate-name">Che "Rhymefest" Smith</td>
<td class="funding-high">$124,000</td>
</tr>
<tr>
<td class="candidate-name">Karin Norington-Reaves</td>
<td class="funding-mid">$81,000</td>
</tr>
<td class="candidate-name">Adam Parrott-Sheffer</td>
<td class="funding-low">$70,000</td>
<tr></tr>
</tbody>
</table>
</div>
</body>
</html>
4 changes: 4 additions & 0 deletions 2024/school-board-district-10-table/meta_data.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"description": "This is a table showing total donations going to each candidate in the 2024 elections for Chicago's School Board in District 10.",
"title": "Money Raised in Chicago's 2024 School Board Election: District 10"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Money Raised in Chicago's 2024 School Board Election: District 10</title><style>body{margin:0;background-color:#f8f9fa}h1{margin-top:20px;margin-bottom:0;font-size:24px;color:#333;text-align:center}.table-container{max-width:800px;width:90%;margin:20px auto;padding:0 10px}table{display:block;border-collapse:collapse;width:90%;margin:0 20px;overflow:hidden}td,th{padding:15px;text-align:center;border:none}th{background-color:transparent}tr{border-bottom:1px solid #e0e0e0}tr:last-child{border-bottom:none}.candidate-name{font-weight:400;width:2%;background-color:transparent}.funding-highest{width:2%;background-color:#bebebe}.funding-high{width:2%;background-color:#ccc}.funding-mid{width:2%;background-color:#dcdcdc}.funding-low{width:2%;background-color:#ececec}</style><h1>Money Raised in Chicago's 2024 School Board Election: District 10</h1><div style=display:block><table><thead><tr><th rowspan=2><tbody><tr><td class=candidate-name>Reverend Robert Jones<td class=funding-highest>$289,000<tr><td class=candidate-name>Che "Rhymefest" Smith<td class=funding-high>$124,000<tr><td class=candidate-name>Karin Norington-Reaves<td class=funding-mid>$81,000</tr><td class=candidate-name>Adam Parrott-Sheffer<td class=funding-low>$70,000</td><tr></table></div>
103 changes: 103 additions & 0 deletions 2024/school-board-district-6-table/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Money Raised in Chicago's 2024 School Board Election: District 6
</title>
<style>
body {
margin: 0;
background-color: #f8f9fa;
}
h1 {
margin-top: 20px;
margin-bottom: 0px;
font-size: 24px;
color: #333;
text-align: center;
}
.table-container {
max-width: 800px;
width: 90%;
margin: 20px auto;
padding: 0 10px;
}
table {
display: block;
border-collapse: collapse;
width: 90%;
margin: 0 20px;
overflow: hidden;
}
th,
td {
padding: 15px;
text-align: center;
border: none;
}
th {
background-color: transparent;
}
tr {
border-bottom: 1px solid #e0e0e0;
}
tr:last-child {
border-bottom: none;
}
.candidate-name {
font-weight: normal;
width: 2%;
background-color: transparent;
}
.funding-highest {
width: 2%;
background-color: #b3b3b3;
}
.funding-high {
width: 2%;
background-color: #cccccc;
}
.funding-mid {
width: 2%;
background-color: #dcdcdc;
}
.funding-low {
width: 2%;
background-color: #ececec;
}
</style>
</head>
<body>
<h1>
Money Raised in Chicago's 2024 School Board Election: District 6
</h1>
<div style="display: block">
<table>
<thead>
<tr>
<th rowspan="2"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="candidate-name">Anusha Thotakura</td>
<td class="funding-highest">$330,000</td>
</tr>
<tr>
<td class="candidate-name">Jessica Biggs</td>
<td class="funding-high">$43,000</td>
</tr>
<tr>
<td class="candidate-name">Andre Smith</td>
<td class="funding-mid">$40,000</td>
</tr>
<td class="candidate-name">Danielle Wallace</td>
<td class="funding-low">Unknown</td>
<tr></tr>
</tbody>
</table>
</div>
</body>
</html>
4 changes: 4 additions & 0 deletions 2024/school-board-district-6-table/meta_data.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"description": "This is a table showing total donations going to each candidate in the 2024 elections for Chicago's School Board in District 6",
"title": "Money Raised in Chicago's 2024 School Board Election: District 6"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Money Raised in Chicago's 2024 School Board Election: District 6</title><style>body{margin:0;background-color:#f8f9fa}h1{margin-top:20px;margin-bottom:0;font-size:24px;color:#333;text-align:center}.table-container{max-width:800px;width:90%;margin:20px auto;padding:0 10px}table{display:block;border-collapse:collapse;width:90%;margin:0 20px;overflow:hidden}td,th{padding:15px;text-align:center;border:none}th{background-color:transparent}tr{border-bottom:1px solid #e0e0e0}tr:last-child{border-bottom:none}.candidate-name{font-weight:400;width:2%;background-color:transparent}.funding-highest{width:2%;background-color:#b3b3b3}.funding-high{width:2%;background-color:#ccc}.funding-mid{width:2%;background-color:#dcdcdc}.funding-low{width:2%;background-color:#ececec}</style><h1>Money Raised in Chicago's 2024 School Board Election: District 6</h1><div style=display:block><table><thead><tr><th rowspan=2><tbody><tr><td class=candidate-name>Anusha Thotakura<td class=funding-highest>$330,000<tr><td class=candidate-name>Jessica Biggs<td class=funding-high>$43,000<tr><td class=candidate-name>Andre Smith<td class=funding-mid>$40,000</tr><td class=candidate-name>Danielle Wallace<td class=funding-low>Unknown</td><tr></table></div>

0 comments on commit 2b9ba38

Please sign in to comment.