There is a wonderful contributions chart that github.com came with.
Does anybody know if they use some kind of library or gem?
If it is open source, I would like to use it my project as well. It looks great!
Your local Git commit email isn't connected to your account Commits must be made with an email address that is connected to your account on GitHub.com, or the GitHub-provided noreply email address provided to you in your email settings, in order to appear on your contributions graph.
On GitHub.com, navigate to the main page of the repository. Under your repository name, click Insights. In the left sidebar, click Contributors. Optionally, to view contributors during a specific time period, click, then drag until the time period is selected.
In the top right corner of GitHub.com, click your profile photo, then click Your profile. Publicize or hide your private contributions on your profile: To publicize your private contributions, above your contributions graph, use the Contribution settings drop-down menu, and select Private contributions.
In addition to showing technical chops, these contributions may also demonstrate a commitment to open source which will be valued by others sharing that commitment. For most at the junior and intermediate level, contributions make up a tiny fraction (if any) of their GitHub activity.
Not exactly the same style, but I think it's done using the calendar example of D3.js.
If you do a "View Source" on GitHub's page, you'll see that they're using D3 for rendering their calendar.
A similar look is achieved by js-chart-widgets.
The Github Contributions calendar is using D3. If you inspect your network traffic you'll see the request for the JS and you can look through the source yourself.
EDIT: I've removed the source link as the CDN url is likely to change over time. It should still be locatable if you take a look with your web inspector.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With