Giter VIP home page Giter VIP logo

isometric-contributions's Introduction

GitHub Isometric Contributions extension

Node.js CI XO code style

This is a browser extension for Chrome/Brave and Firefox 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.

Installation

Chrome/Brave

Install from the Chrome Web Store

Firefox

Install from Mozilla Add-ons site

Microsoft Edge

Install from Microsoft Edge Add-ons site

Contributing

Note that I don't currently have any plans for adding new features to the extension. Please contact me before submitting a PR with new functionality.

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 src directory of this repo.

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.

License

This project is licensed under the MIT License.

isometric-contributions's People

Contributors

alexv525 avatar asdofindia avatar bahlo avatar brandon1024 avatar deltaidea avatar dependabot[bot] avatar g1eny0ung avatar github-actions[bot] avatar gleich avatar jasonlong avatar kiendang avatar kimdarren avatar muan avatar nallwhy avatar panquesito7 avatar passionpenguin avatar peterdavehello avatar rijn avatar tsathis avatar ttop5 avatar waldyrious avatar xie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

isometric-contributions's Issues

Buttons are not accessible

Screen reader doesn't tell me what these buttons do: ๐Ÿ˜ข

image

Having aria-label on the links would help. (I see there is aria-label on the span wrapping the link).

โค๏ธ

Request: Limit parsed websites to *.github.com and whitelist

Thanks for this extension!

Any chance we can get the address matches limited to *.github.com and a whitelist of sites? For my own security sanity and to reduce overhead while browsing the net. I see this has been requested but I do not fully understand how the current resolution was reached over a whitelist.

pjax support

When you change tabs on a user-page, it won't replace the standard contribution graph, because just the page-content is being replaced with pjax.

We could listen to the pjax:end-Event (more info), but this requires injecting the whole code, not just the icRun.

Any thoughts on this?

Don't load the extension on every pages

Hello!

First, thanks for you extension, it's much better like this!

But, when I looked at the code, I've seen that you load it on every page, and because you use jquery, it's a pretty useless and heavy load. So I was wondering if you could remove it. ๐Ÿ˜ƒ

Thanks again,
Matt

Tooltip won't automatically hide after clicking

On the tab-buttons where you toggle between the normal chart and the isometric chart, the tool-tip seems to stay around after clicking, even if you move the cursor away. I have to click somewhere else to get rid of it.

loading sometimes fails because of TypeError

@bahlo I was working on an update today and I'm having this periodic failure.

screen shot 2014-05-16 at 1 33 09 pm

If I use my old, vanilla JS version I don't see this and when I run the compiled version from Coffeescript, I see it occasionally. Have you come across anything like this?

tighten permissions for chrome extension

currently the chrome extension ask for permission to read data on any website, instead of just github (like some other github chrome extensions do). this doesn't feel right, so please tighten the permissions.

Streak is wrong

On my profile, your extension reports my streak as 369 days. However, my correct streak (which the "Github Original Streak" chrome extension reports correctly) is 1478 days.

It'd be great if you showed the correct count :-)

on hover show count of contributions

When a user hovers on the base of a bar, he should see a tooltip or something to see number of contributions like he sees in normal chart view

Graph not displaying with AdBlock

I had an issue with the graph displaying when I have adblock running on Chrome 33.0.1750.152, extension v0.8.

Just thought I'd give you a heads up, neat project!

Stats no longer appear

This is due to some design/markup tweaks to the standard graph stats. I'm working on a fix.

No colours in graphs

screen shot 2014-03-31 at 1 03 35 pm

Not sure why I don't have any colours in the graphs.

Using Chrome Version 33.0.1750.152 and v0.8 of Isometric Contributions from the Chrome Web Store

Gaps in the calendar

With my #69 fixes, I apparently introduced gaps in the calendar. Will be investigating shortly.

screen shot 2016-12-13 at 11 18 55 am

Distribute Signed Extension for Firefox

The current extension is not signed and firefox complains about it.

so I went ahead and signed it for myself.

here is the process to sign
first clone the repo
git clone https://github.com/jasonlong/isometric-contributions.git
then do
npm install --global web-ext
what is web-ext?
Web-ext docs
Web ext getting started

now go ahead and generate JWT issuer and JWT secret from add-on developer hub. it is like API key for signing the extension.

now cd into <extension-repo>/firefox/isometric-contributions/
then run this command to sign
web-ext sign --api-key <your-JWT-issuer> --api-secret <your-JWT-secret>

this should give you a signed extension(.xpi file) inside a folder named web-ext-artifacts inside your current working directory

No working after clicking 'Repositories'

Hi!
Nice extension, I like the visualization.

I found a bug, when you open your profile, then click on the 'Repositories' tab and then click in the 'Contributions' tab the extension doesn't initialize.

Year start and end date

I guess a modification can be made to consider the starting date of the year as 1st January and not the first box in the contributions table.. For example: If i click on 2015 the 1year should be from 1st Jan to 31st Dec but for current year it can be 1st Jan to current.
Right now, if I click on 2015, I see contributions from Dec 28th 2014 to Dec 31st 2015

[FEATURE] Average Contributions

Hey @jasonlong !

I really love your extension and want to give you a huge credit for coming up with and implementing this idea!

However, I recently thought that it would be really nice to see my average contributions per day.
What do you think about this? If possible, I would also like to work on this!

Longest Streak days and count is broken.

I suspect this might be when the user has a streak longer than one year, but haven't confirmed this yet. Personally, my streak is around 800 days now, but it shows as "null - null".

rip streaks

Ballpark timeline to publish firefox addon at AMO?

Thank you for this addon.

Do you have any timeline in mind by which you would publish this addon's Firefox version at AMO?

It is far simpler to install from AMO, even if its beta release, then to do

Set xpinstall.signatures.required to false in about:config. Download the isometric-contributions.xpi file and open it in Firefox Developer Edition.

GitHub Enterprise support

From what I can tell, the existence of .js-calendar-graph appears to be the trigger for the needful, and it exists on the GHE profile page, but the extension does not appear to do the needful.

Additional Colors

In addition to shades of green, would it be a good idea to have the option to display other colors?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.