Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Github contributions graph [closed]

There is a wonderful contributions chart that github.com came with.

enter image description here

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!

like image 966
Alex Smolov Avatar asked Jan 24 '13 18:01

Alex Smolov


People also ask

Why are my contributions not showing up on GitHub?

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.

How do I see my GitHub contributions?

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.

How do I hide contribution activity on GitHub?

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.

Do GitHub contributions matter?

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.


2 Answers

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.

like image 80
Ismael Ghalimi Avatar answered Oct 06 '22 12:10

Ismael Ghalimi


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.

like image 23
Tyler Hughes Avatar answered Oct 06 '22 12:10

Tyler Hughes