javascript Github 贡献图
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/14507778/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Github contributions graph
提问by Alex Smolov
There is a wonderful contributions chart that github.com came with.
github.com 附带了一个很棒的贡献图表。


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!
如果它是开源的,我也想在我的项目中使用它。看起来不错!
采纳答案by Ismael Ghalimi
Not exactly the same style, but I think it's done using the calendar exampleof D3.js.
不完全相同的风格,但我认为它是使用D3.js的日历示例完成的。
If you do a "View Source" on GitHub's page, you'll see that they're using D3 for rendering their calendar.
如果您在 GitHub 的页面上执行“查看源代码”,您会看到他们正在使用 D3 来呈现他们的日历。
A similar look is achieved by js-chart-widgets.
js-chart-widgets实现了类似的外观。
回答by Tyler Hughes
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.
Github 贡献日历使用的是 D3。如果您检查网络流量,您将看到对 JS 的请求,您可以自己查看源代码。
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.
编辑:我已经删除了源链接,因为 CDN url 可能会随着时间的推移而改变。如果您使用网络检查器查看它,它仍然应该是可定位的。

