Code Monkey home page Code Monkey logo

github-contributions-chart's Introduction

:octocat: GitHub Contribution Chart Generator GitHub license

Generates an image of all your GitHub contributions since you have signed up, so you can use it in social media.

The API for this project lives in the src/pages/api directory since GitHub doesn't provide a way to access user statistics through it's official API.

The drawing mechanism lives in the sallar/github-contributions-canvas repository.

Requirements

  • A valid github account.
  • Open activity in setting (Settings > Public profile > Contributions & Activity).
    • Make profile private and hide activity

Install

Install the packages using NPM:

$ npm install

How to run

Running locally:

$ npm run dev

Deployment

This project is deployed on Vercel.

Adding themes

Add your theme to sallar/github-contribution-canvas repo and also send a PR here to add the name of the theme to the list.

Example

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Changelog

Every release, along with the migration instructions, is documented on the GitHub Releases page.

License

MIT license

Powered by Vercel

github-contributions-chart's People

Contributors

abdelrahmanhafez avatar arndom avatar catalinmiron avatar codewonderland avatar danielruf avatar dependabot[bot] avatar fredster33 avatar helderberto avatar hussainjaffery avatar konojunya avatar leerob avatar lucademian avatar luisdanielroviracontreras avatar mscoutermarsh avatar pourghannad avatar ps173 avatar rasooll avatar rezaaa avatar rubenswebdev avatar sallar avatar siamak avatar solean avatar superthinking avatar sword-jin avatar timneutkens avatar trn1ty avatar waldyrious avatar winterislander avatar wonism avatar youhan 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

github-contributions-chart's Issues

Travis error?

Hello,
I am seeing that the PRs are fail. Travis say: The command "rake" exited with 1.
I don't know Travis, but it is configured correctly?

Regards

From feature

What about adding an option to start from a specific date (not the joining date)?

feat request: Organization filter support

In user profile i can use filter for organization like https://github.com/FrediKats?tab=overview&org=my_org_name. Only activity in organization repo will be show with this parameter.

Without parameter:

image

With parameter:
image

Looks like it's not very hard to implement this parameter for your project.

Making API Public

Hey! Is it possible to allow the API to function cross-origin? For example, be able to call it freely from my own projects to get the contributions json file? I wanted to design my own graph to showcase my contributions on my personal website.

Can this already be done? Or am I missing something?

P.S. Great repo btw, I find it odd that Github doesn't provide something like this already.

Add information for "total contributions"

Hey all,

Often when checking a user's contribution history it's interesting to know the total contribution count. We can sum the years by hand, but it'd be awesome if this was automated.

I'm envisioning something as simple as adding a line after "@user on GitHub" like "XXXX total contributions".

Make it easier to share

By placing the Twitter Share link you can create situations that are easy to share.

Let's be able to share images and URL!

Migrate to Typescript

I would like to migrate this project to TypeScript. Let me know if you are up for that!

Blank contribution graph

The tool doesn't seem to be working for me. I've verified that the API request is successful, but nothing shows on the graph. The yearly contributions are correct.

Screen Shot 2019-10-31 at 5 00 33 pm

Better color scaling

As with on GitHub, the colors in the charts have two major issues:

  • The scale is not logarithmic, so that a couple of days with a lot of activity easily dwarf the rest of the chart
  • The scale is not the same across years, so it is difficult to read long-term trends across years.

I think both could be fixed simultaneously.

Update README screenshot

Because the generated canvas changed, we have to keep the screenshot from the README updated to reflect the actual output of this tool.

themes

when i select theme different of the github, the page only reload if i click again in generate button. The page should be reload when i select the theme, isn't?

Server error

Hi,

When fetching data from Github, the API hit an error and fail. Not much details are send back, I only see a Internal Server Error with code 500.
From what I can see, it fails for any username.

Comparison Graph

I guess a comparison graph between all years should be good too.

GitHub Organizations

It seems the app can't fetch organizations. It would be great to have it if possible.
image

Twitter popups

Very cool project, guys.

I only sugest that improve the twitter popups, in some browsers this can be blocked, put a dialog or something like that, it will be so much more usable.

Share button does not do anything on desktop

I used the website on brave browser, and the share button does not do anything, download the image buttons work perfectly.

I guess this is like a share popup in mobile browsers.

Possible solutions:

  • Make a custom share popup
  • Check for prebuilt share popups (like the mobile ones but for desktop) (browser native or otherwise)
  • Meanwhile, remove the button if the device is not supported

Please do comment if this is something that is only happening on my PC.

Thanks, pretty cool project!

Typo "iullustration"

At the bottom-left corner, Not affiliated with GitHub Inc. Octocat iullustration made by GitHub design team.

iullustration is spelt wrong :)

Question: Range of repos?

Howdy, very interesting tool. I added today's screenshot to my Readme.

I had a question: is it possible to use this only for a subset of repositories, instead of all?

TIA

Suggestion: show commit messages

It would be awesome to see commit messages for the day, when you click on it :)
Not in the static image generator, but on the website that would be amazing :)

My profile can't be found

For example, my profile info should be available by this link, but no info is found!
The website shows Could not find your profile message. Is this because my profile is private? If so, is there a way of adding access to private profiles with e.g. an access token?

Wrong amount of contributions

It's not working well with my profile. Says 0 contributions on 2015, but there are a few green squares.

canvas

Also we're barely scratching May on 2018 or am I missing something?

Repo not updated?

Guess some updates have been made to GitHub assets but not to this repo.

-> https://github-contributions.now.sh/

image


{"date":"2020-05-11","count":12,"color":"var(--color-calendar-graph-day-L2-bg)","intensity":0}
^ value of color has changed and intensity seems to be 0 for every object

Private contributions

Hey all!

The app works great. However, it doesn't consider contributions in private repositories as part of the chart:( pls fix

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.