Github Statistics 一個基於 React 的 GitHub 資料統計工具

nebulagraph發表於2019-12-25

https://i.iter01.com/images/9899bea8c33518e7e349fd5a7d5412489749d5104828d7bcebda196e32c912f1.png

V 站曾經有個熱帖說為何我的開源專案只有 Fork 沒有 Star,樓下有個熱評說開源專案關注的不應該是 Commit 資料嗎?先不論 Star、Fork 和 Commit,issue 、pr 也應是一個開源專案社群關注的資料。

下面我們來看看市面上有哪些 GitHub 資料統計工具

GitHub Star 資料統計工具

Chrome 外掛—— Star History

https://i.iter01.com/images/ac036fe70f3616982bdc5318ed0fb03451c45f58e99db189af9cdd55dcfc3b90.png
顧名思義你可以通過 Star History這個專案看到一個專案的趨勢增長,安裝上此外掛之後你可以直接在某個開源專案主頁,如下圖所示,一鍵操作看 star 增長趨勢無煩惱。

https://i.iter01.com/images/2bdf8149fc250dce02918c8298c1995ba415d67d15296aef6a51747c8d4a4c69.gif

當然它也有線上版:https://star-history.t9t.io/ 可以戳這個連結體驗。

線上版 —— StarTrack-js

StarTrack和 Star History 類似也是一個 Star 統計工具,操作稍繁瑣,需要填入該專案所有者的使用者名稱及專案名,下圖以 VEsoft-inc 的 Nebula 專案為例:

https://i.iter01.com/images/ac036fe70f3616982bdc5318ed0fb03451c45f58e99db189af9cdd55dcfc3b90.png

除了簡單的 Star 趨勢圖,StarTrack 還為你統計了這個專案的 Star 總數、開源時間及每日獲得 Star 數等維度資料。

https://i.iter01.com/images/d743c0f4223b55e06d8c50b441feffe12ae516d8fb2723e7cad115237548bd40.png

GitHub 資料統計工具—— Github Statistics

不只是 Fork 數和 Commit 數,統計 issue 數的工具在 Google 搜尋也是查無此項(如果你有知道此類工具歡迎在評論文留言),GitHub Statistics 是據我所知唯一的可以統計某個開源專案的指標數,包括 GitHub Star、Fork、Commit、issue 和 pr 等資料的工具,當然 GitHub Statistics 也支援你檢視專案的 Release 資訊,線上體驗:https://vesoft-inc.github.io/github-statistics/

Github Statistics 專案採用 React 框架,在圖表顯示上使用了 highChart,對二者有興趣的話可以檢視原始碼~~

除了常規的 GitHub 資料統計之外,你可以用 GitHub Statistics 進行多專案 GitHub 資料比較,以 React、Vue、Angular 為例,以下為三個專案的 GitHub 資料分析圖為例子。

多專案 GitHub 資料比較

在 GitHub Statistics 輸入某個專案名,並選中點選 update 即可檢視該專案的相關資料,如果你需要比較多個專案的資料,記得勾選多個專案。

https://i.iter01.com/images/513b890c421d601232ee79dcafb5ab437cd9ea2df0f3d632c702521b67c42bb0.png

專案資訊總覽

Repository 可以檢視到 GitHub 專案的 建立時間 (可以理解為立項時間,並非開源時間)、 專案年齡 (立項到現在的時間)、 程式語言 、 最後一次更新時間 、 Watch 數,資料顯示 React 和 Vue 的關注者是一個量級的。

https://i.iter01.com/images/fc67678d0b54c477b698eb4a7e235b52243873f423c5b682fe934abbd44a9720.png

Star 趨勢圖

Star 可以看到這個專案的 Star 數增長趨勢 、 日增星 和 單日最高星量 。可以從總 Star 數看出,Vue 和 React  不分伯仲,Vue 異軍突起,在 2017 年 6 月 17 日,Vue 專案的 star 超過了 Angular,在 2018 年 6 月 12 日彎道超車甩掉了 React。

https://i.iter01.com/images/533193e52e12396adf414bc101ecce614bd348184ca5b2c6750eb6b7c2f4b85b.png

除了總 star,GitHub Statistics 也可以看到每日增長,看看被淹沒的 Angular 曾經也是 2k 起跑線的專案…再看看 Vue 和 React 在 2018 年 6 月 15 日獲得 star,這一天的 star 可吊打 90% 的開源專案了(檸檬Nebula 敬上),小八卦了下這是那天的 Hacker News 熱帖《Has Vue passed React yet? 》:https://news.ycombinator.com/item?id=17316267

https://i.iter01.com/images/6af5cb4b6331a88e3ce8026604cf06e1dfa6d7c7db0040bf60b7fe366faa326f.png

Fork 趨勢圖

和 Star 趨勢圖類似,總趨勢圖可以看到這三個專案的 Fork 總數、每日平均數,看每日平均 Vue、React、Angular 相差不大,但是總量上來說,Angular 還是領先兩位後起之秀的。

https://i.iter01.com/images/0e9a945540ca3cfe092a4614636be6fbb85aef1cc2458da8db75251d6254f9f4.png

從每日 Fork 增量圖來看,Angular 的 Fork 數比 Vue 和 React 多全靠先發優勢,React 和 Vue 誕生之後,Angular 的增長大不如前,而 React 的 Fork 和 Vue 的 Fork 比較,二者是不相上下。

https://i.iter01.com/images/f04e419e0d8cdb11a6d7c4c8331eda9b2bedc2211135e122d9e61c6090478dd2.png

Commit 趨勢圖

https://i.iter01.com/images/224adc9a364254f895eb4312f18452f951be7e91b392e183d18126f88fdcecdd.png

雖然 star 上 Vue 和 React 是一個量級,但是在 Commit 或者說專案活躍度上,React 領跑這三個專案,當中的緣由就不揣測了。

和總的趨勢圖類似,每日新增 Commit 趨勢也是 React 一枝獨秀。

https://i.iter01.com/images/4b7e329e1996025992a241f6c5246094d8a78c65374dcda37d0ca57290ea3553.png

總結 GitHub Statistics

GitHub Statistics 是一個檢視 GitHub 相關指標的工具,如果你在為技術選型苦惱,而你看中的技術棧剛好是開源專案,不妨用它試一試,可以看到開源專案的開發進度、社群活躍度,再也不用擔心遇到“閉源”的開源專案了。GitHub Statistics GitHub 地址:https://github.com/vesoft-inc/github-statistics,線上訪問:https://vesoft-inc.github.io/github-statistics/

https://i.iter01.com/images/48345e91387ee8d83a9fa728a77ec8acab325ab0564e6ad942a76f096ff7ffac.png

相關文章