jasonlong / isometric-contributions Goto Github PK
View Code? Open in Web Editor NEWBrowser extension for rendering an isometric pixel art version of your GitHub contribution graph.
License: MIT License
Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.
License: MIT License
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
When selecting a menu in the top(like Overview, Repositories..), the isometric chart and the chart buttons disappear.
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 :-)
I think it's better to save 'show normal chart' state.
The normal chart always disappear when I change years.
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!
When selecting a different year in the sidebar, the isometric chart and the chart buttons disappear.
@bahlo I was working on an update today and I'm having this periodic failure.
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?
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!
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.
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.
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
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
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
Not sure it needs perm to all sites instead of just *.github, etc..
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.
Is it possible to make the graph interactive? Maybe using D3.js?
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.
For example: https://github.com/fromagie
Buildings are for ๐ squares owners!
With my #69 fixes, I apparently introduced gaps in the calendar. Will be investigating shortly.
This is due to some design/markup tweaks to the standard graph stats. I'm working on a fix.
This is great!
Would it be possible to have a Firefox extension as well or maybe to make it cross-browsers (http://userscripts.org/)?
With the introduction of the Profile activity overview feature from GitHub, I am no longer getting the toggle button to switch between the normal and isometric charts.
On my current site I'm using https://github.com/2016rshah/githubchart-api to load a almost-live version of my ghchart, and after using this I feel that having the same canvas element on my site would look a lot better.
In addition to shades of green, would it be a good idea to have the option to display other colors?
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.