Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A dynamically generated activity graph to show your GitHub activities of last 31 days.

License

NotificationsYou must be signed in to change notification settings

Ashutosh00710/github-readme-activity-graph

Repository files navigation

Github Readme Activity Graph

A dynamically generated activity graph to show your GitHub activities of last 31 days.

⚠️ NOTICE: DEPLOYMENT MOVED⚠️

The deployment of this project is moved fromhttps://activity-graph.herokuapp.com domain tohttps://github-readme-activity-graph.cyclic.app. In casehttps://github-readme-activity-graph.cyclic.app doesn't work try withhttps://github-readme-activity-graph.vercel.app for more details, referthis

Please refer to the updated linkhere

Table of contents

How to Use

Just paste the following URL in your profile readme and you are good to go.

Pass yourusername in the URL

[![Ashutosh's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=Ashutosh00710)](https://github.com/ashutosh00710/github-readme-activity-graph)

Use themes

username=ashutosh00710&theme=theme_name

[![Ashutosh's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=Ashutosh00710&theme=dracula)](https://github.com/ashutosh00710/github-readme-activity-graph)

Manual Customization is also available

Available Themes

NamePreview
Default (cotton candy)graph
reactgraph
react-darkgraph
githubgraph
github-compactgraph
xcodegraph
roguegraph
merkograph
vuegraph
tokyo-nightgraph
high-contrastgraph

For more themes clickhere

Customization

Customize the appearance of your Activity Graph however you want with URL params.

Common Options

ArgumentsDescriptionType of Value
bg_colorcard's background colorhex code (without#)
colorgraph card's text colorhex code (without#)
title_colorgraph card's title colorhex code (without#)
linegraph's line colorhex code (without#)
pointcolor of points on line graphhex code (without#)
area_colorcolor of the area under the graphhex code (without#)
areashows area under the graphboolean (default:false)
hide_bordermakes the border of the graph transparentboolean (default:false)
hide_titlesets the title to an empty stringboolean (default:false)
custom_titleset the title to any stringstring
themename ofavailable themesstring
radiusborder radius of graphnumber (0-16 inclusive)
heightheight of the graphnumber (200-600 inclusive)
daysnumber of to days display on graphnumber between (1 - 90) [Recommended below 40]
fromdate from which the graph startsformatYYYY-MM-DD
todate where the graph will endformatYYYY-MM-DD
gridshow gridboolean (default:true)

Forcustom_title please make sure that you are using %20 for spaces

Example:

custom_title=This%20is%20a%20title

[![Ashutosh's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=ashutosh00710&custom_title=This%20is%20a%20title&hide_border=true)](https://github.com/ashutosh00710/github-readme-activity-graph)

Example:

[![Ashutosh's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=ashutosh00710&bg_color=fffff0&color=708090&line=24292e&point=24292e&area=true&hide_border=true)](https://github.com/ashutosh00710/github-readme-activity-graph)

Deploy on your own Replit instance

Step-by-step instructions for deploying to Replit (from UI)

Follow the steps

  1. Sign in to Replit or create a new account athttps://replit.com
  2. Click the Deploy button below
Run on Repl.it
  1. On the page that comes up, choose language asNode.js and then clickImport from GitHub Button

    Replit

  2. Visitthis link to create a new Personal Access Token

  3. Scroll to the bottom and click "Generate token"

  4. Wait clone done and addSecrets with yourGithub token

    Secrets

  5. Click the greenRUN button on top, the console will run and at last the url will shows on the right

  6. Now just add the following to your profile readme and you're good to go

![Github Activity Graph](<url from step 5>/graph?username=<username>)

Deploy on your own Vercel instance

Step-by-step instructions for deploying to Vercel (from UI)

First Method

  1. Go tovercel.com.
  2. Click onLog in.image
  3. Sign in with GitHub by pressingContinue with GitHub.image
  4. Sign in to GitHub and allow access to all repositories if prompted.
  5. Fork this repo.
  6. Go back to yourVercel dashboard.
  7. To import a project, click theAdd New... button and select theProject option.image
  8. Click theContinue with GitHub button, search for the required Git Repository and import it by clicking theImport button.image
  9. Create a personal access token (PAT)here and enable therepo permissions (this allows access to see private repo stats).image
  10. Add the PAT as an environment variable namedTOKEN.image
  11. Click deploy, and you're good to go. See your domains to use the API!

Second Method

Alternatively, click the button below and follow the instructions.

Deploy to Vercel

After the deployment is complete:

  1. Click theContinue to Dashboard buttonimage
  2. In theSettings tab, click onEnvironment Variables and follow steps9. and10. ofFirst Method.image
  3. Go toDeployments tab and redeploy the project.image

Finally

Now just add the following to your profile readme and you're good to go.

![Github Activity Graph](<{your_own_domain_name}.vercel.app>/graph?username=<username>)

Contributing

Please read through ourcontributing guidelines. Directions are included for opening issues, coding standards, and notes on development.

Core Team 💻


Ashutosh Dwivedi

📆💻📖🤔

Kshitij Srivastava

📆💻📖🎨

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Upamanyu Das

📖

Jonah Lawrence

💻📖

Milind Modi

📖

Vaibhav

💻📖

Jacob Philpott

💻📖

Sonu Kumar

🎨📖

Mykola Symon

💻

Sreyan Ghosh

🎨

Anant Mishra

🎨

Skyler

🎨

Iryna Mykoliuk

🎨

Dalpat Rathore

🎨💻

Dmitriy Fishman

📖

MagicLike

🎨💻

OnkarRuikar

💻

valetzx

📖

tranthaituananh

🎨📖

polekstulod

📖

jmloudis

💻

fabianocouto

💻📖

This project follows theall-contributors specification. Contributions of any kind welcome!

Resources Used to build this project

PurposeLibrary NameLink
Graph ConstructionCHARTIST.JShttps://github.com/gionkunz/chartist-js


Star History

Star History Chart

Made with ❤ and TypeScript


[8]ページ先頭

©2009-2025 Movatter.jp