A browser-based strategy puzzle game where you redraw district lines to win elections with a minority. Learn the mechanics of gerrymandering by trying to create a red majority from fewer red precincts — all in a clean, responsive interface.
Your goal is to:
- Divide a grid of red and blue tiles into a given number of districts.
- Make a majority of the districts red, even though red is the minority overall.
- Clone or download the repository.
- Open
index.htmlin any modern web browser. - Start drawing district lines!
OR
- Visit: https://malachyfernandez.github.io/GerrymanderTheGame
- The game will load instantly in your browser.
- Begin experimenting with electoral outcomes!
What is a GitHub Page? GitHub Pages is a free hosting service that allows you to serve static HTML, CSS, and JS directly from a GitHub repository. It makes it easy to publish and share web apps without any server-side code or hosting setup.
- 🟥🟦 Color-Coded Tiles — Red and blue tiles represent voter precincts.
- ✏️ Draw Districts — Click and drag to assign tiles to districts.
- 🧠 Strategic Logic — Must follow legal-like constraints: red-majority districts can have just one more red than blue, blue-majority must be entirely blue.
⚠️ Imperfect Alerts — Visual warning if a district violates the rules.- 🔁 Auto-checks & Win Condition — When enough red districts are created, you win (and "kill democracy")!
- HTML5/CSS3 — Responsive interface, mobile-friendly.
- JavaScript — Handles game logic, user interaction, animation, and color assignment.
This game serves as an educational tool to demonstrate how district manipulation can affect election results — even when it appears mathematically unfair.
Open-source and free to use. Modify or expand upon it as you like!