JavaScript is required

给你的网站加上 Github Contributions Chart!

给你的网站加上 Github Contributions Chart!

笔记#博客#GitHub#数据可视化

Github 的提交记录这个小绿色日历实际上是我最喜欢的数据可视化之一,来看一下 Github “提交狂魔” @ruanyf 的提交记录

以上是如何做到的呢?可以用现成的 API(感谢作者2016rshah提供此 API),官网地址:https://ghchart.rshah.org/

源码在 Github 上开源,仓库地址:https://github.com/2016rshah/githubchart-api

使用

怎么使用这个 API 呢?很简单,使用img标签引用即可

javascript
<img src="https://ghchart.rshah.org/Zhongye1" />

将src中的Zhongye1使用自己的 Github 用户名替换即可

也支持修改配色,只需在用户名前加上所需的十六进制颜色代码即可。例如,如果想要一个基于十六进制颜色的蓝色主题图表#409ba5

自定义颜色

例如,如果你想要一个基于十六进制颜色的蓝色主题图表 #409ba5,只需在用户名前加上所需的十六进制颜色代码即可。例如,如果想要一个基于十六进制颜色的蓝色主题图表#409ba5

javascript
<img src="https://ghchart.rshah.org/409ba5/Zhongye1" />

效果是这样的

Zhongye1's Github Chart