GitHub の contributions を彩るサービス

GitHub で活動すると contributions に反映されます。通称 "草" という奴ですね。私の草はこんな感じです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/76cdf266-b60c-6557-e1f0-e4e802c11c47.png)

GitHub 標準の contributions でも活動の様子はわかるのですが、もうちょっといろんな方向で見てみたいということで、GitHub contributions を集計してくれるサービスを集めてみました。

## GitHub-Gardener

https://github-gardener.herokuapp.com/

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/794e748a-bcef-5157-2058-2180c907eb55.png)

フォームが表示されますので、GitHub のユーザ名を入力すると該当アカウントの contributions を集計してくれます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/c33f8051-3d1f-9609-3335-71fa2ec649cd.png)

* consecutive days 
* total consecutive contributions 
* average consecutive contributions 
* contributed days last year
* total contributions last year
* average contributions last year

を計算してくれるほか

* contributions per day(last 60days)
* contributions per week 

のグラフも生成してくれます。

garden の css がうまくあたっていなくて全部黒くなってしまっているのがちょっと残念です。gardens by year を表示することも出来るのですが、css があたってないため事実上何も見えません。

(2023/2/28追記)
Heroku 無料枠終了に伴い閉鎖されたようです。
(2023/2/28追記おわり)

## Weekly Grass

https://corgi0901.work/weeklyGrass/

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/b9a15d9a-0501-1523-8b34-8782b7e9bc9d.png)

こちらもフォームが表示されますので、GitHub のユーザ名を入力すれば週単位ので grass(草)を表示してくれます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/d006f0ec-5b76-4117-e69c-5a0184cf5b55.png)

こちらのサービスではページ埋め込み用の img タグも表示してくれますので、他のサービスで利用するのも容易です。

(2023/10/9追記)
こちらの記事で contributions の取得とグラフ化の手順について解説されていました。

https://corgi-lab.com/diary/github-weekly-grass/

(2023/10/9追記終わり)

## #GitHubUnwrapped 2021

https://www.githubunwrapped.com/

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/4231e26e-4a7f-09ac-670e-d379b7722196.png)

こちらも GitHub ユーザ名を入力するフォームがあります。入力すると、なんと動画を生成してくれます。これはなかなか楽しいですね。

https://www.githubunwrapped.com/saoyagi2

## github-contribution

(2023/10/9追記)

https://github-contribution-graph-example.vercel.app/

特にサービス名が無かったので URL の一部を拾ってきました。直近1年間の contributions をグラフ化してくれます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/403e0780-3d30-54d2-ca51-0bf793f351a5.png)

こちらの記事で GraphQL API を用いて contributions を取得する方法が解説されています。

https://zenn.dev/yuichkun/articles/b207651f5654b0

## GitHub Colorful Contributions

(2024/2/19追記)

https://github.com/g1eny0ung/github-colorful-contributions-graph

GitHub プロフィールページ自体の色味を変えられる Chrome 拡張機能です。拡張機能のダイアログで色味を選択すると、contirbutions グラフの色が変わります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/1674f585-1941-78aa-f8d2-66aadd518db8.png)

## GitHub Isometric Contributions

(2024/2/19追記)

https://github.com/jasonlong/isometric-contributions

こちらもブラウザ拡張機能で、GitHub プロフィールページの contributions グラフを 3D 化してくれます。Chrome, Firefox, Edde 用の拡張機能が用意されています。Chrome では先ほどの GitHub Colorful Contributions で選択した色味がこちらでも反映されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/eb1dc706-4c40-929b-0b6d-fe394fd6c707.png)

## GitHub Contributions Chart Generator

(2024/2/19追記)

https://github-contributions.vercel.app/

GitHub プロフィールページの contributions は直近1年分のグラフしか表示されないのですが、こちらは GitHub のアカウントを取得して以降の全てのグラフを表示してくれます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/5b9158a4-7e36-6441-9b06-3ca84651291f.png)

## GitHub contributions statistics

(2024/2/19追記)

https://gcs.saoyagi2.net/

手前味噌で恐縮ですが、拙作のサービスです。GitHub アカウント取得以降の以下の統計を表示します。スクリーンショットでは見切れていますが、contributions グラフも表示します。

全期間及び年毎に、日別/週別/月別/年別の以下の集計を行います。

* total contributions
* max contributions
* contributions distribution
* contributed
* average contributions per contributed
* max streaks
* streaks distribution

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/86075/6097285c-0068-8aa5-740d-d24a59c0bd9a.png)