A Chrome extension that enhances Budgyt.com dashboards with customizable variance calculations and improved data visualization.
-
Download the Extension
- Download this repository as a ZIP file
- Extract the ZIP file to a location on your computer
-
Install in Chrome
- Open Chrome and go to
chrome://extensions/ - Enable "Developer mode" in the top-right corner
- Click "Load unpacked" in the top-left
- Select the extracted extension folder
- The BetterBudgyt icon should appear in your Chrome toolbar
- Open Chrome and go to
-
Verify Installation
- The BetterBudgyt icon should appear in your Chrome toolbar
- Click the icon to open the settings popup
- Visit any Budgyt dashboard page to see the extension in action
-
Configure Variance Calculations
- Click the BetterBudgyt icon in your toolbar
- Select your desired columns for variance calculations
- Changes are saved automatically
-
Using Total-Only View
- Open any DataInput page in Budgyt
- Click the BetterBudgyt icon
- Toggle "Show Total Only" for a simplified view
-
Understanding Visual Indicators
- Modified cells have a subtle highlight
- Hover over rows for enhanced visibility
- Headers show current calculation formulas
- Customize which columns to use in variance calculations
- Real-time updates as you make changes
- Support for all budget data levels
- Dynamic percentage calculations
- Toggle between full and total-only views
- Simplified data presentation
- Preserved total column functionality
- Intuitive settings configuration
- Visual indicators for modified cells
- Settings persist across sessions
- Works entirely client-side
- No data is sent to servers
- Original Budgyt data remains unchanged
- Ensure you're on a Budgyt dashboard page (https://.budgyt.com/)
- Check if the extension is enabled in chrome://extensions/
- Try refreshing the page
- Disable and re-enable the extension if needed
- Check if Chrome sync is enabled
- Try removing and re-adding the extension
- Clear extension storage and reconfigure
- Refresh the page
- Ensure no other extensions are conflicting
- Check if your Budgyt page is fully loaded
- Chrome Extension APIs (Manifest V3)
- Native JavaScript (ES6+)
- HTML5 & CSS3
storage: Saves your settingsactiveTab: Accesses current pagescripting: Performs calculations- Access to
*.budgyt.comdomains
- Client-side operations only
- Uses MutationObserver for real-time updates
- Implements precise CSS selectors
├── manifest.json # Extension configuration
├── popup.html # Settings interface
├── popup.js # Settings logic
├── content.js # Main functionality
├── styles.css # Custom styling
└── images/ # Extension icons
- Clone the repository
- Make desired modifications
- Test locally using Chrome's developer mode
- Run
.\build.ps1to create a zip for Chrome Web Store submission
The build script reads the version from manifest.json and outputs BetterBudgyt-v{version}.zip, excluding development files like context/, AGENTS.md, and README.md.
- Fork the repository
- Create a feature branch
- Submit a pull request
- Additional column combination support
- Custom formatting options
- Export/import settings
- Calculation presets
- Enhanced data validation