isometric-contributions

Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.

Github星跟蹤圖

This is an extension for Chrome, Safari (see note below), and Firefox (beta) that lets you toggle between your regular GitHub contribution chart and an isometric pixel art version. It uses obelisk.js for the isometric graphics.

Besides being sort of neat looking, this view is interesting in that it highlights the differences between the number of contributions with more granularity. This isn't meant to completely replace the standard 2D graph though, because in most ways it is actually less useful. For example, there are no axis labels, shorter bars can be hidden behind taller ones, you can't hover over a bar to see the day and count, etc.

Preview

Installation

NOTE: When installing this extension, you will likely see a warning about it needing access to all domains, not just github.com. This is required for people who are using GitHub Enterprise since it can be installed on any domain name.

Chrome

The easiest way to install the extension is through the Chrome Web Store:

https://chrome.google.com/webstore/detail/isometric-contributions/mjoedlfflcchnleknnceiplgaeoegien?hl=en&gl=US

Firefox

The Firefox extension has not been verified by Mozilla, so only Firefox Developer Edition is supported at the moment. Set xpinstall.signatures.required to false in about:config. Download the isometric-contributions.zip file and open it in Firefox Developer Edition. Or, in Add-ons Manager, choose "Install Add-on From File" under the wrench icon and choose the zip file you downloaded.

Safari

Download the isometric-contributions.safariextz and then double-click the file to install it.

I'm no longer able to build Safari extensions because you now need a paid Apple Developer account to do so. I've decided not to spend the $99 for an account since this is the only thing I'd use it for.

Developer mode

If you want to hack on the extension, you'll need to install it manually. First clone or fork this repo. Then, on your Chrome Extensions page, make sure "Developer mode" is checked. You can then click the "Load unpacked extension..." button and browse to the chrome directory of this repo.

Hacking

To hack on the extension, you'll first need to make sure you've installed it in Developer mode (see above). Once you've made changes to the extension, go back to the Extensions page and click the Reload link under the extension entry.

As of v0.8.3, this project uses CoffeeScript. To compile the iso.coffee file to all extensions:

src/build.sh

Feel free to send a pull request if you've made an improvement.

License

This project is licensed under the MIT License.

主要指標

概覽
名稱與所有者jasonlong/isometric-contributions
主編程語言JavaScript
編程語言CSS (語言數: 2)
平台
許可證MIT License
所有者活动
創建於2014-03-26 21:38:18
推送於2025-10-13 13:00:35
最后一次提交
發布數71
最新版本名稱v1.1.31 (發布於 )
第一版名稱v0.8 (發布於 )
用户参与
星數3.6k
關注者數45
派生數167
提交數724
已啟用問題?
問題數97
打開的問題數0
拉請求數227
打開的拉請求數2
關閉的拉請求數16
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?