How to Add an Activity Graph to Your GitHub Profile README

The github-readme-activity-graph project generates a wide SVG chart showing your GitHub contributions over the past month. The chart type is a combination of a bar graph (one bar per day) and a line graph (trend line connecting the activity peaks), giving a more dramatic visual representation than the default contribution calendar dots.

The chart spans the full width of the README on most screen sizes, making it a strong visual centerpiece for profiles with consistent daily activity. For developers who code in bursts rather than daily, the graph may show prominent gaps — in that case, the streak stats card or GitHub metrics may be a better choice.

Add this to your README, replacing YOUR_USERNAME:

[![Activity Graph](https://github-readme-activity-graph.vercel.app/graph?username=YOUR_USERNAME&theme=tokyo-night)](https://github.com/ashutosh00710/github-readme-activity-graph)

Note that the theme parameter uses tokyo-night (with a hyphen) rather than the tokyonight format used by github-readme-stats — these are different theming systems.

For a card with a custom height and hidden border:

[![Activity Graph](https://github-readme-activity-graph.vercel.app/graph?username=YOUR_USERNAME&theme=tokyo-night&hide_border=true&area=true)](https://github.com/ashutosh00710/github-readme-activity-graph)

The area=true parameter fills the area under the line graph, creating a more dramatic visual effect.

The activity graph supports extensive customization:

• theme: Available themes include tokyo-night, github, github-compact, dracula, nord, gruvbox, xcode, rogue, onedark, solarized-dark, solarized-light, minimal, vue, react, react-dark, angular-dark
• color: Custom line color (hex without #)
• line: Custom line color
• point: Custom data point color
• bg_color: Background color (hex without #)
• area=true: Fill area under line graph
• hide_border=true: Remove the card border
• area_color: Custom fill color for the area under the line
• custom_title: Override the default 'Contribution Graph' title text
• height: Card height in pixels (default 300)

For a minimal look: ?theme=minimal&hide_border=true&area=true

If the graph shows no activity even when you have recent commits, check that your contributions are being counted publicly. GitHub can take up to 24 hours to reflect new contribution data in the public API.

If the image appears but shows an error message instead of a graph, the Vercel endpoint may be experiencing temporary issues. The project's GitHub repository at ashutosh00710/github-readme-activity-graph has self-hosting instructions if uptime is critical.

If the graph appears too narrow on mobile screens, note that the activity graph is designed as a wide desktop-first widget. Wrapping it in a <div align='center'> can help center it on mobile, but it will always render at its full SVG width and scale down on smaller screens.