A website that visualizes and analyzes Approval Voting election results. View it at approval.vote.
Approval.Vote provides detailed reports and visualizations for Approval Voting elections, where voters can select multiple candidates and the candidate with the most votes wins. The site features:
- Vote Count Visualizations: Bar charts showing candidate support
- Co-Approval Analysis: Matrix showing how often voters approved candidate pairs together
- Voting Pattern Analysis: Distribution of how many candidates voters approved
- Cast Vote Record Processing: Tools to parse and analyze raw ballot data
The site is built with SvelteKit, uses Bun as the JavaScript runtime, and is hosted on GitHub Pages.
-
Install mise, Bun, and trunk:
# macOS brew install mise trunk-io curl -fsSL https://bun.sh/install | bash # Other platforms: see mise.jdx.dev, bun.sh, and trunk.io
-
Set up development environment:
mise install # Installs Node.js and Bun trunk install # Installs linters and formatters (Biome) bun install # Installs dependencies
-
Start development server:
bun run dev
Note: The dev server uses Node.js (via
node) to avoid Bun compatibility issues with Svelte 5 hydration. Bun is still used for builds, tests, and other scripts.
We use trunk.io with Biome for consistent code quality:
trunk check # Run Biome linter
trunk fmt # Format all files with BiomeOr use npm scripts:
bun run lint # Run trunk check
bun run format # Format with BiomeRun the test suite:
bun testCreate a production build:
bun run build # Generate static site
bun run preview # Preview the production buildThe election data is stored in data.sqlite3. There are two ways to add election data:
-
Fork this repository
-
Add your election data to
scripts/load-report.js -
Run the script to update
data.sqlite3:bun scripts/load-report.js
-
Submit a pull request
For elections with detailed ballot data:
- Use the
cvr/st-louis/tools to parse CVR files into SQLite - Generate co-approval matrices and voting pattern analysis
- Export the processed data to the main
data.sqlite3database - The website automatically displays the rich analysis features
See the cvr/st-louis/README.md for detailed instructions.
The site automatically deploys to GitHub Pages when changes are merged to the main branch. The deployment process:
- Generates card images using Puppeteer
- Builds the static site
- Deploys to GitHub Pages
This project is licensed under CC-BY-2.0. You may freely distribute and modify the content with attribution.