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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-26 21:49:23  来源:igfitidea点击:

Github contributions graph

javascriptruby-on-railsgithubsvg

提问by Alex Smolov

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

github.com 附带了一个很棒的贡献图表。

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!

如果它是开源的,我也想在我的项目中使用它。看起来不错!

采纳答案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 可能会随着时间的推移而改变。如果您使用网络检查器查看它,它仍然应该是可定位的。