This project visualizes a Codeforces user's problem-solving activity in a heatmap format. Unlike the standard Codeforces heatmap, which only considers the number of problems solved per day, this heatmap is based on the highest-rated problem solved each day.
Download from Chrome Web Store
-
🎨 Rating-Based Colors
The heatmap color on a given day represents the maximum rating of a problem solved that day. -
🖱️ Hover for Details
- Hovering over any day in the heatmap shows a tooltip with all problems solved on that day.
- The tooltip includes:
- 📌 Problem Name
- ⭐ Problem Rating
- 🔗 Direct Link to the Problem
-
📅 Multi-Year Support
- Analyze past performance across multiple years with ease.
The heatmap colors are based on the highest-rated problem solved on a given day. Here’s the rating-to-color mapping:
| Problem Rating Range | Color |
|---|---|
| 3000+ |  Dark Red |
| 2600-2999 |  Bright Red |
| 2400-2599 |  Light Red |
| 2300-2399 |  Orange |
| 2100-2299 |  Light Orange |
| 1900-2099 |  Purple |
| 1600-1899 |  Light Blue |
| 1400-1599 |  Aqua Green |
| 1200-1399 |  Green |
| 0-1199 |  Gray |
- Provides an honest measure of problem difficulty solved over time.
- Helps track and analyze problem-solving trends based on difficulty.
- Allows users to review past problem-solving history easily by hovering over days.
- Prevents inflation by solving only easy problems and provides a true measure of problem-solving difficulty.
- Ideal for self-assessment and tracking competitive programming improvement.
- Download the ZIP file from the repository.
- Extract the ZIP.
- Open Chrome and go to
chrome://extensions/. - Enable Developer Mode (toggle in the top right corner).
- Click Load unpacked and select the extracted folder.
- Show different intensity based on weighted average of problem rating solved in a day.
- Add dark mode
Feel free to contribute by improving UI, adding features. Fork the repo and submit a pull request!
This project is licensed under the MIT License.