Github贡献图[关闭]答案

【问题标题】：Github contributions graph [closed]Github贡献图[关闭]
【发布时间】：2013-01-08 14:07:56
【问题描述】：

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

有人知道他们是否使用某种库或宝石吗？

如果它是开源的，我也想在我的项目中使用它。看起来很棒！

【问题讨论】：

【解决方案1】：

不完全一样的风格，但我认为是使用D3.js的calendar example完成的。

如果您在 GitHub 的页面上执行“查看源代码”，您会看到他们正在使用 D3 来呈现他们的日历。

js-chart-widgets 实现了类似的外观。

【讨论】：

我只是为此准备了一个 d3.js 插件：github.com/kamisama/cal-heatmap。 Firefox 仍处于测试阶段和一些怪癖，但它有一些不错的功能
@Kamisama 这看起来棒极了！
@Kamisama 谢谢。你的插件将为我节省无数时间。
@Kamisama 出色的工作和出色的文档！顺便说一句，如果您可以添加选择开始日期（比如说 2016 年 9 月 15 日）并且日历从那天到 2017 年 9 月 15 日填充的功能，那就太棒了。因此，第一个块的范围为 15 - 31，最后一个块的范围为 1 - 14（所有这些都假定 1 年的日期范围和月/日作为域/子域）

【解决方案2】：

Github 贡献日历使用 D3。如果您检查网络流量，您将看到对 JS 的请求，您可以自己查看源代码。

编辑：我已经删除了源链接，因为 CDN 网址可能会随着时间而改变。如果您使用网络检查器查看，它应该仍然可以找到。

【讨论】：