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

Name	Preview
Default (cotton candy)
dracula
gruvbox
rogue
github
xcode
coral

Customization

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

Common Options

Arguments	Description	Type of Value
bg_color	card's background color	hex code (without #)
color	graph card's text color	hex code (without #)
line	graph's line color	hex code (without #)
point	color of points on line graph	hex code (without #)
area	shows area under the graph	boolean (default: false)
theme	name of available themes	string

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

Purpose	Library Name	Link
Graph Construction	CHARTISH.JS	https://github.com/gionkunz/chartist-js

---

Made with ❤ and TypeScript 😉