Approval.Vote

A website that visualizes and analyzes Approval Voting election results. View it at approval.vote.

About

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.

Development

Prerequisites

• mise for environment management
• Bun JavaScript runtime
• trunk for linting and formatting

Setup

1. 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
   

2. Set up development environment:

   mise install    # Installs Node.js and Bun
   trunk install   # Installs linters and formatters (Biome)
   bun install     # Installs dependencies
   

3. 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.

Code Quality

We use trunk.io with Biome for consistent code quality:

trunk check    # Run Biome linter
trunk fmt      # Format all files with Biome

Or use npm scripts:

bun run lint    # Run trunk check
bun run format  # Format with Biome

Testing

Run the test suite:

bun test

Building

Create a production build:

bun run build    # Generate static site
bun run preview  # Preview the production build

Contributing Election Data

The election data is stored in data.sqlite3. There are two ways to add election data:

Manual Data Entry

1. Fork this repository

2. Add your election data to scripts/load-report.js

3. Run the script to update data.sqlite3:

   bun scripts/load-report.js
   

4. Submit a pull request

Cast Vote Record Processing

For elections with detailed ballot data:

1. Use the cvr/st-louis/ tools to parse CVR files into SQLite
2. Generate co-approval matrices and voting pattern analysis
3. Export the processed data to the main data.sqlite3 database
4. The website automatically displays the rich analysis features

See the cvr/st-louis/README.md for detailed instructions.

Deployment

The site automatically deploys to GitHub Pages when changes are merged to the main branch. The deployment process:

1. Generates card images using Puppeteer
2. Builds the static site
3. Deploys to GitHub Pages

License

This project is licensed under CC-BY-2.0. You may freely distribute and modify the content with attribution.