Github贡献图表

Question

github.com提供了一个精美的贡献图表。

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

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

- Alex Smolov

---

如果你问他们，我相信他们会告诉你。 - Felix Kling

我应该怎么问？他们有什么问答吗？我找不到。 - Alex Smolov

https://github.com/support - Felix Kling

请参见 https://github.com/k4rthik/git-cal，我在 https://dev59.com/-2Qo5IYBdhLWcg3whPvI#15988356 中提到了它。 - VonC

查看Cal-heatmap。 - Ihab Shoully

Answer 1

虽然风格不完全相同，但我认为它是使用 D3.js 的 日历示例 实现的。

如果在 GitHub 页面上执行“查看源代码”，您将看到他们正在使用D3渲染其日历。

js-chart-widgets 也可以实现类似的外观。

- Ismael Ghalimi

---

我刚刚为此编写了一个d3.js插件：https://github.com/kamisama/cal-heatmap。目前仍处于测试阶段，在Firefox中可能会有一些小问题，但它具有一些不错的功能。 - Wa0x6e

@Kamisama 谢谢。你的插件将为我节省无数个小时。 - Akshat Jiwan Sharma

@Kamisama，出色的工作和卓越的文档！只是顺便提一下，如果您能添加选择起始日期（比如2016年9月15日）并从那天开始填充日历至2017年9月15日的功能，那将是非常棒的。因此，第一个块将有15-31的范围，而最后一个块将有1-14的范围（所有这些都假定为1年日期范围，以月/日为域/子域）。 - Arthur S.

Answer 2

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

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

- Tyler Hughes

---

破损的URL - 或许更新为基于CDN更改不会导致破损的内容？ - karlbecker_com