A dynamically generated activity graph to show your GitHub activities of last 31 days.
Home Page: https://ashutosh00710.github.io/github-readme-activity-graph
License: MIT License
Hello there this is Ashutosh Dwivedi. Working as Cloud Engineer - II at Aftershoot. You can see my opensource work down below. I love to code in JavaScript and Rust. I am a friendly guy you can connect with me on social media, I would love to have you in my life.
|
|
|
| Currently learning |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Describe the bug
In time of UTC+08:00 on 2022-02-27 21:03 , your application on herokuapp.com had error.
The link of image is: https://activity-graph.herokuapp.com/graph?username=Dynesshely&theme=react-dark
To Reproduce
😅
Expected behavior
Return the correct image.
Screenshots
Desktop (please complete the following information):
Smartphone (please complete the following information):
😅
Additional context
😅
Available Themes section is taking unnecessary space in project README.md. Make a separate readme (with name themes.md) for available themes.
TODO
Themes to mention on README.md
Move Rest to a separate THEMES.md
Describe the bug
Heroku is returning error, and so the graph isn't showing.
To Reproduce
Just check it out in here :- https://activity-graph.herokuapp.com/graph?username=Ashutosh00710
Expected behavior
Return without any error
Screenshots
Desktop:-
Describe the bug
Tried to load graph several times and also checked other profiles, no activity graph is visible. The Heroku deployment is showing error.
To Reproduce
Visit the given link: https://activity-graph.herokuapp.com/
Expected behavior
The activity graph should be visible
Screenshots
Desktop (please complete the following information):
Describe the bug
As i select a Text color it does not reflect on the graph
To Reproduce
step-1: enter your username
step-2: try changing text color
Expected behavior
Text color of graph should change accordingly
Screenshots
Is your feature request related to a problem? Please describe.
You could make it more unique by adding like a pie chart
Describe the solution you'd like
I will create a branch and help that get started with.
Describe the bug
The app seems to be not working. The link (https://activity-graph.herokuapp.com/graph?username=kenhorlador&hide_border=false&area=true&bg_color=2E0655) is not reachable in anyway.
Expected behavior
I expected that the graph would show up but 'Application error' seems to be showing up in the screen.
Screenshots
If applicable, add screenshots to help explain your problem.
Tests for routes are not there.
For below function there is no test.
github-readme-activity-graph/src/utils.ts
Line 57 in a648176
Hey! @Kshitij978 - nice changes especially the URL text copy button. I have seen one anomaly in the graph where background color and graph plotting are not aligned properly, as can be seen in the screenshots :
Newer Version
Older Version
I tried to follow the steps to set up my own Heroku instance but it seems like the build might be buggy because after following all the instructions, the app is inaccessible and my application logs show it crashes on startup.
To Reproduce
I followed the steps to set up my own Heroku instance, however, after all of the steps were finished I can't access my application at the URL https://git-activity-graph.herokuapp.com/ and the application logs show the app crashes on startup.
Expected behavior
I expected the app to run and let me access it at the requested web page and in my GitHub config.
This is what I could gather from my application logs in Heroku:
2022-03-24T15:17:07.167220+00:00 app[web.1]: at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
2022-03-24T15:17:07.167220+00:00 app[web.1]: at Object.require.extensions.<computed> [as .ts] (/app/node_modules/ts-node/src/index.ts:1059:12)
2022-03-24T15:17:07.167221+00:00 app[web.1]: at Module.load (node:internal/modules/cjs/loader:981:32)
2022-03-24T15:17:07.167221+00:00 app[web.1]: at Function.Module._load (node:internal/modules/cjs/loader:822:12)
2022-03-24T15:17:07.167221+00:00 app[web.1]: at Module.require (node:internal/modules/cjs/loader:1005:19)
2022-03-24T15:17:07.176338+00:00 app[web.1]: �[31m[nodemon] app crashed - waiting for file changes before starting...�[39m
2022-03-24T15:18:02.431338+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2022-03-24T15:18:02.552685+00:00 heroku[web.1]: Stopping process with SIGKILL
2022-03-24T15:18:02.731745+00:00 heroku[web.1]: Process exited with status 137
2022-03-24T15:18:02.803080+00:00 heroku[web.1]: State changed from starting to crashed
2022-03-24T15:30:52.022530+00:00 heroku[web.1]: State changed from crashed to starting
2022-03-24T15:30:55.030398+00:00 heroku[web.1]: Starting process with command `npm start`
2022-03-24T15:30:56.239709+00:00 app[web.1]:
2022-03-24T15:30:56.239723+00:00 app[web.1]: > [email protected] start
2022-03-24T15:30:56.239724+00:00 app[web.1]: > nodemon src/main.ts
2022-03-24T15:30:56.239724+00:00 app[web.1]:
2022-03-24T15:30:56.403662+00:00 app[web.1]: �[33m[nodemon] 2.0.7�[39m
2022-03-24T15:30:56.404654+00:00 app[web.1]: �[33m[nodemon] to restart at any time, enter `rs`�[39m
2022-03-24T15:30:56.405089+00:00 app[web.1]: �[33m[nodemon] watching path(s): *.*�[39m
2022-03-24T15:30:56.405091+00:00 app[web.1]: �[33m[nodemon] watching extensions: ts,json�[39m
2022-03-24T15:30:56.405510+00:00 app[web.1]: �[32m[nodemon] starting `ts-node src/main.ts`�[39m
2022-03-24T15:31:00.963552+00:00 app[web.1]:
2022-03-24T15:31:00.964077+00:00 app[web.1]: /app/node_modules/ts-node/src/index.ts:513
2022-03-24T15:31:00.964079+00:00 app[web.1]: return new TSError(diagnosticText, diagnosticCodes)
2022-03-24T15:31:00.964079+00:00 app[web.1]: ^
2022-03-24T15:31:00.964184+00:00 app[web.1]: TSError: ⨯ Unable to compile TypeScript:
2022-03-24T15:31:00.964186+00:00 app[web.1]: src/GraphCards.ts(45,13): error TS6133: 'getContrubutionDates' is declared but its value is never read.
2022-03-24T15:31:00.964186+00:00 app[web.1]:
2022-03-24T15:31:00.964187+00:00 app[web.1]: at createTSError (/app/node_modules/ts-node/src/index.ts:513:12)
2022-03-24T15:31:00.964188+00:00 app[web.1]: at reportTSError (/app/node_modules/ts-node/src/index.ts:517:19)
2022-03-24T15:31:00.964188+00:00 app[web.1]: at getOutput (/app/node_modules/ts-node/src/index.ts:752:36)
2022-03-24T15:31:00.964188+00:00 app[web.1]: at Object.compile (/app/node_modules/ts-node/src/index.ts:968:32)
2022-03-24T15:31:00.964188+00:00 app[web.1]: at Module.m._compile (/app/node_modules/ts-node/src/index.ts:1056:42)
2022-03-24T15:31:00.964189+00:00 app[web.1]: at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
2022-03-24T15:31:00.964189+00:00 app[web.1]: at Object.require.extensions.<computed> [as .ts] (/app/node_modules/ts-node/src/index.ts:1059:12)
2022-03-24T15:31:00.964190+00:00 app[web.1]: at Module.load (node:internal/modules/cjs/loader:981:32)
2022-03-24T15:31:00.964190+00:00 app[web.1]: at Function.Module._load (node:internal/modules/cjs/loader:822:12)
2022-03-24T15:31:00.964190+00:00 app[web.1]: at Module.require (node:internal/modules/cjs/loader:1005:19)
2022-03-24T15:31:00.976839+00:00 app[web.1]: �[31m[nodemon] app crashed - waiting for file changes before starting...�[39m
2022-03-24T15:33:00.000792+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2022-03-24T15:33:00.083121+00:00 heroku[web.1]: Stopping process with SIGKILL
2022-03-24T15:33:00.117669+00:00 app[web.1]: Error waiting for process to terminate: No child processes
2022-03-24T15:33:00.265599+00:00 heroku[web.1]: Process exited with status 22
2022-03-24T15:33:00.387265+00:00 heroku[web.1]: State changed from starting to crashed
Desktop:
Being able to add a timeframe (like a start and end date or time range) would be useful if I'd like to show a couple months or even a year
Add a section under Deploy your own heroku instance in readme.md which tells about the deployment process on heroku using heroku's web interface.
Describe the bug
The application is not working.
The link: "https://activity-graph.herokuapp.com/" is not reachable.
It was working fine for me all this time -- but today apparently, without any changes, it just is not working.
Note: I tried both the common Heroku activity-graph and also my own activity-graph hosted on Heroku -- both seem to not work.
What could be the issue here? You can take a further look at my profile's Readme, you can check it directly too but I have listed it below to keep this concise -- code below:
Mine/Custom instance hosted on Heroku:
[](https://github.com/ashutosh00710/github-readme-activity-graph)
Even the sample code does not seem to work:
[](https://github.com/ashutosh00710/github-readme-activity-graph)
Thank you!
Make the graph to show the dates (1/7, 2/7, 3/7 like this) of the contribution instead the numbers from 1 to 31 (they seems to be like wrong info)..
Or atleast fix those numbers.. Contribution should be synced with the date of the contribution...
There's a line in CONTRIBUTING.md that gives instructions on how to sync your fork. It needs a slight update. The current line states git pull upstream master , but I think there is no master branch on the repo.
Describe the bug
it gives me an Error Fetching Resource
To Reproduce
Expected behavior
I was expecting to see an activity graph
Screenshots
Desktop:
The Bug
The dates that are supposed to be on the X-axis are diagonal and overlapping with the graph itself and the graph's title.
To Reproduce:
Visit my profile, use the dev tools and then switch the view mode to an iphone
Expected behavior
Should be normally aligned across the X-axis
Screenshots
Describe the bug
As I get graph from server, it gives me an error that my username is always "null".
To Reproduce
In my case,
URL : https://activity-graph.herokuapp.com/graph?username=junnei
Expected behavior
Just see an activity graph
Screenshots
Desktop (please complete the following information):
No snapshot testing setup for different SVGs. Setup snapshot testing so that appearance of SVGs can be tested.
Describe the bug
After using it for a while, the graph SVG appears to be broken on revisit and after refreshing, it shows this
To Reproduce
Expected behavior
It is expected to render the activity graph any time the page is refreshed.
Additional context
The problem only occurs in the readme. It is working fine when the URL is pasted on the browser.
Tried a lot but it does not load. The URLs etc are properly put, last evening everything was alright.
Is your feature request related to a problem? Please describe.
When I tested your graph, I noticed that outside of GitHub there was no way for me to know:
A. Who made it, and
B. That it is open source.
Describe the solution you'd like
Add a footer to the generated graph that has a link back to this repository.
Describe the bug
The days are counted from one to 31, which doesn't correspond to a specific month.
To Reproduce
it's the same for every generated graph.
Expected behavior
Maybe they should go backwards (0,-1,-2,-3...)
or just be the day (today: 29.).
Feature: Add the functionality to change the area under the graph color.
Reason: It is currently the only major feature that cant be coloured.
Is your feature request related to a problem? Please describe.
I would like to raise a PR and make changes regarding the section about passing my username to the url
We discuss this here and I was invited to raise the PR to make the changes.
Describe the solution you'd like
Here is what I propose to do.
remove - [![Ashutosh's github activity graph]And then add this section only.
https://activity-graph.herokuapp.com/graph?username=Ashutosh00710Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
Is your feature request related to a problem? Please describe.
The dates are always numbered 1-31
Describe the solution you'd like
Instead, they could show the actual dates, like 28, 29, 30, 1, instead of just numbering 1-31
Describe the bug
The date label alignment is wrong on all clients, tested on Google Chrome (Desktop & iPadOS version)/Safari iPadOS/GitHub iPadOS client.
To Reproduce
Just open my profile README page & see the chart on the page end. Or you can see your own profile page chart, in my side your chart also aligns wrong.
Expected behavior
Aligns correctly.
Screenshots
Add font-size param for title.
Not a big deal, but in your examples, the theme names start capitalized "Dracula", "Gruvbox", etc. but should be used all-lowercase.
"?theme=dracula". I copied the name from the example and of course it didn't work the first time ;)
Maybe just add a "?theme=<theme_name>" line to each example.
To render your graph use this way.
Update all the themes areaColor values to be unique to that theme rather than generic.
It would be useful to add a feature for either changing the border color or adding a hide_border parameter.
Other stats cards such as Streak Stats and Readme Stats support this flag.
Is your feature request related to a problem? Please describe.
Adding more themes will give users a better set of colors to use in their activity graphs.
Is your feature request related to a problem? Please describe.
Heroku is no longer offering free plans.
Describe the solution you'd like
Another way of hosting Github Readme Activity Graph, like Vercel & Docker.
Describe the bug
The x-axis labels are not being rendered correctly due to some reason.
To Reproduce
Look at the graph
Expected behavior
The axis labels should be properly aligned.
Screenshots
Desktop (please complete the following information):
Additional context
NA
Describe the bug
Border corner is not showing up properly.
To Reproduce
Screenshots
Desktop (please complete the following information):
Add a demo link in the documentation so that users can see their graphs in action, on their browser.
I think your activity graph is a really nice addition to anyone's profile readme.
Problem
As the project grows in popularity your server maybe unable to handle the number of requests being made.
Proposed Solution
You should get ahead of the problem by adding a set up process to the README for users to set up their own heroku instances to make requests to.
It'd be nice to have a table of content for quick access to documentation content.
fetcher.ts makes much more sense. File can be found here
Unnecessary requests are coming on to the server.
Currently, there is no API testing setup with Mocks. In fetching.test.js directly calling the fetchContributions function and getting the data from API is not a good practice while testing. Instead of making real API calls, use Mocks.
Would it be possible to have an option to change and/or hide the title?
Describe the bug
Dates are not aligned properly with contribution counts. Only the last 25 days of contributions are displayed but the last 31 days are displayed on the axis.
To Reproduce
Started very recently (past day or so)
Expected behavior
There should be commits for the past month aligned with the days for those contribution counts.
Screenshots
Desktop (please complete the following information):
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.