https://github.com/florinpop17/income-grid
https://github.com/florinpop17/income-grid
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/florinpop17/income-grid
- Owner: florinpop17
- Created: 2024-10-15T14:51:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-15T16:12:47.000Z (about 1 year ago)
- Last Synced: 2025-04-01T16:05:37.024Z (7 months ago)
- Language: JavaScript
- Size: 64.5 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Million Dollar Grid
This project displays a visual representation of revenue data using a grid of colored squares, where each square represents $1,000. It also provides a breakdown of revenue by project.
See example live at [https://florin-pop.com/one-million/](https://florin-pop.com/one-million/)
[](https://florin-pop.com/one-million/)
## Getting Started
### Prerequisites
- A web server to serve the HTML, JavaScript, and JSON files
- Modern web browser with JavaScript enabled
### Installation
1. Clone this repository or download the files to your local machine.
2. Ensure you have the following files in your project directory:
- `index.html`
- `index.js`
- `_data.json`
3. No additional installation is required as the project uses CDN-hosted Tailwind CSS.
### Configuration
Edit the `_data.json` file to customize the grid:
- `categories`: Define the categories and their associated colors and links.
- `revenue`: List of revenue entries with value (income), category from `categories`, and date.