這個故事可就長了喔,那麼多年來,多少開發者努力地將他們的 GitHub 貢獻圖視覺化。自 GitHub 於 2013 年開放貢獻圖這個功能以來,我們發現了發現了許多炫耀自己貢獻的方法。
網友們的 奇思妙想
從印在 T 恤上到建立貼紙,到塑化模型為手辦,超級多的開發者通過 奇思妙想 ? 的方法,炫耀自己在這一年中的程式碼貢獻量。
甚至說……印到瓷磚上 = =
噢不是,其實是他們寫程式碼太入神了,把瓷磚看成自己貢獻圖了。
甚至還有……俄羅斯方塊版本 = =
這怕不是可以直接舉辦一個遊戲 ? 比賽,贏了送 Xbox Game Pass 那種啊(暗示微)
還有小貓咪?怎麼回事啊小貓咪? ?
最近(二月左右吧)GitHub 3D 官 方 模 型 生 成 器 它 來 了
酷炫,漂亮,666!
skyline.github.com 網站以 3D 城市模型的方式,為我們以新的方式展示我們的 GitHub 貢獻圖。
它能幹啥
Skyline 支援以下幾個好用的功能:
- 按年份檢視
- 下載 STL 格式的檔案
- VR 模式
- 線上列印 3D 模型(賊貴,放棄吧)
怎麼檢視
-
輸入使用者名稱
-
選擇年份(年份為 2013 -> 2020)
-
點選
Create a Skyline
按鈕
生成後效果如此:
獲取 STL 模型檔案
點選 Download STL 即可獲取生成的 3D 模型檔案,用 XCode 開啟即可(也可以 Gist,甚至 GitHub 也支援直接渲染)。
然後找個朋友列印就好了~
這邊找了淘寶兄弟,15 元包郵,doge。
拿它當手辦,美美的一大勺,香香的~(誤入)
瀏覽器擴充
搜尋 Contribution Graph 的時候,搜到了 isometric-contributions 專案。
這是一個 Chrome、Brave、Firefox 的瀏覽器擴充套件程式,可讓我們在常規 GitHub 貢獻圖和等距畫素藝術版本之間切換,使用
obelisk.js
庫。這個版本的貢獻圖除了外觀整潔外,還很是有趣。它以更高的精細度,突出顯示了貢獻數量之間的差異(但是,這並不意味著完全替代標準 2D 圖形,因為在大多數情況下,它實際上用處不大,例如,它沒有軸標籤,且較短的條形圖可能會被隱藏在較高的條形圖後面,而且我們不能將滑鼠懸停在條形圖上以檢視日期和計數等)
安裝擴充後直接開啟任何帶有貢獻圖的主頁即可檢視~
本文正在參與「掘金 2021 春招闖關活動」, 點選檢視 活動詳情