Skip to content

Enhance GitHub Heatmap with Interactive Tooltips and Clickable Cells #1270

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
1 task
srinjoy933 opened this issue Apr 2, 2025 · 2 comments
Closed
1 task

Comments

@srinjoy933
Copy link
Contributor

Is your feature request related to a problem? Please describe.
the issue is related to the github heatmap
The squares in the heatmap have very little contrast, making it difficult to distinguish between different levels of contributions.
The background color is very dark, and the slight variations in shades of blue are hard to notice.
There are no numerical indicators or color legends to help understand what the colors represent.
A user cannot tell the difference between high and low contributions.
The heatmap is very compact, making it hard to observe individual data points.
If this is meant to be a functional component, hovering over a cell should ideally show details about the number of contributions on that day.

Suggested solution:
✅ Increase Contrast
Use more distinct color differences to represent different levels of activity.
A gradient from light blue (low activity) to dark blue or red (high activity) could be more effective.

✅ Improve Sizing & Spacing

Enlarge the heatmap or allow users to zoom in.
Reduce the density of the squares so that individual contributions are more visible.

✅ Make It Interactive

Implement tooltips that show exact contribution numbers when hovering over a date.
Clickable cells that reveal more details about commits or activities.

✅ Better Dark Mode Support

Adjust the theme so that the contrast is maintained in both dark and light modes.
Consider making the background slightly lighter while keeping the colors readable.

Are you going to work on implementing this?

  • [ ✓] Yes
  • No

Image

@srinjoy933
Copy link
Contributor Author

@arkid15r please review this pr once

@srinjoy933
Copy link
Contributor Author

@arkid15r is there any problem with this pr that it been not reviewed for quite a some time , please inform me if there is any problem with this pr or with this issue

@arkid15r arkid15r closed this as not planned Won't fix, can't repro, duplicate, stale Apr 30, 2025
@github-project-automation github-project-automation bot moved this from Backlog to Done in Project Nest Apr 30, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

2 participants