A comprehensive visualization tool for tracking the implementation status of government programs in PolicyEngine US.
- Visual Coverage Status: Clear indicators showing complete, partial, in-progress, and not-started programs
- Filtering: Filter programs by status, agency, or search by name
- GitHub Integration: Direct links to parameters and variables folders in the PolicyEngine US repository
- Statistics Dashboard: Overview of coverage completion rates
- PolicyEngine Brand Colors: Consistent with PolicyEngine's design system
To add a new program to the tracker, edit the /src/data/programs.ts
file and add a new program object to the programs
array:
{
id: 'program_id', // Unique identifier (lowercase, underscores)
name: 'Program Name', // Short display name
fullName: 'Full Program Name', // Complete official name
agency: 'AGENCY', // One of: USDA, HHS, SSA, IRS, HUD, ED, DOL, FCC, ACA, State, Local
category: 'Category', // Optional: For non-agency programs (e.g., 'Taxes', 'Energy', 'Legal')
status: 'status', // One of: complete, partial, inProgress, notStarted
coverage: 'Coverage Area', // e.g., 'US', 'CA, NY, MA', 'Los Angeles'
notes: 'Additional notes', // Optional: Implementation details or caveats
githubLinks: {
parameters: `${GITHUB_BASE}/parameters/path/to/parameters`,
variables: `${GITHUB_BASE}/variables/path/to/variables`,
tests: `${TESTS_BASE}/policy/baseline/path/to/tests`, // Optional
},
}
- complete: Fully implemented with all federal rules
- partial: Partially implemented or limited to certain states/regions
- inProgress: Currently being developed
- notStarted: Planned but not yet begun
{
id: 'new_benefit',
name: 'New Benefit',
fullName: 'New Government Benefit Program',
agency: 'HHS',
status: 'inProgress',
coverage: 'CA, NY',
notes: 'Currently implementing eligibility rules',
githubLinks: {
parameters: `${GITHUB_BASE}/parameters/gov/hhs/new_benefit`,
variables: `${GITHUB_BASE}/variables/gov/hhs/new_benefit`,
tests: `${TESTS_BASE}/policy/baseline/gov/hhs/new_benefit`,
},
}
- Node.js (v14 or higher)
- npm
# Install dependencies
npm install
# Start development server
npm start
The app will open at http://localhost:3000
# Create production build
npm run build
The project is configured for easy deployment to GitHub Pages:
# Deploy to GitHub Pages
npm run deploy
This will:
- Build the production version
- Deploy to the
gh-pages
branch - Make it available at: https://[username].github.io/policyengine-coverage-tracker
To deploy to a different GitHub Pages URL, update the homepage
field in package.json
:
"homepage": "https://[username].github.io/[repository-name]"
src/
├── components/
│ ├── FilterBar.tsx # Filter and search controls
│ ├── ProgramCard.tsx # Individual program display
│ └── StatsOverview.tsx # Coverage statistics dashboard
├── constants/
│ └── colors.ts # PolicyEngine brand colors
├── data/
│ └── programs.ts # Program data and configuration
├── types/
│ └── Program.ts # TypeScript type definitions
└── App.tsx # Main application component
- Fork the repository
- Create a feature branch
- Add or update programs in
/src/data/programs.ts
- Test locally with
npm start
- Submit a pull request
This project is part of PolicyEngine and follows the same licensing terms as the main PolicyEngine US repository.