Skip to content

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.

How to Use ? 🤔

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

Pass your username in the URL

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

Use themes

username=ashutosh00710&theme=theme_name

[![Ashutosh's github activity graph](https://activity-graph.herokuapp.com/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
draculagraph
gruvboxgraph
roguegraph
githubgraph
xcodegraph
coralgraph

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 #)
linegraph's line colorhex code (without #)
pointcolor of points on line graphhex code (without #)
areashows area under the graphboolean (default: false)
themename of available themesstring

Example:

[![Ashutosh's github activity graph](https://activity-graph.herokuapp.com/graph?username=ashutosh00710&bg_color=f4fa9c&color=17b978&line=17b978&point=17b978&area=true)](https://github.com/ashutosh00710/github-readme-activity-graph)

Resources Used to build this project

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


Made with ❤ and TypeScript 😉