This project displays a precinct-level election map for Philadelphia using D3.js and TopoJSON.
Division boundaries come from the City of Philadelphia’s Political Ward Divisions dataset, which notes that each division’s four-digit ID’s first two digits represent the ward.
- Generate
division_map.topo.jsonusing BigQuery and mapshaper (see notes inindex.html). - Clone this repository and run a local web server:
npm install -g http-server http-server . - Open
http://localhost:8080in your browser.
Use the dropdown to switch between metrics (Q–Y) and hover over divisions to view details like reporting status and race results.