Are you looking to visualize your GitHub activities over the past month? The GitHub Readme Activity Graph makes it possible with a simple and dynamic approach. This guide will walk you through the steps to get it set up on your profile. Let’s make your coding journey visible!

Table of Contents

• How to Use
• Use Themes
• Customization
• Deploy on your own Replit instance
• Deploy on your own Vercel instance
• Contributing

How to Use

To display your activity graph on your GitHub profile readme, you simply need to include the following URL:

![Your GitHub Activity Graph](https://github-readme-activity-graph.vercel.app/graph?username=YourUsername)

Make sure to replace “YourUsername” with your GitHub username!

Use Themes

You can enhance your activity graph by using various themes. Simply add the theme parameter to the URL:

![Your GitHub Activity Graph](https://github-readme-activity-graph.vercel.app/graph?username=YourUsername&theme=theme_name)

For example, to use the “dracula” theme, you would write:

![Your GitHub Activity Graph](https://github-readme-activity-graph.vercel.app/graph?username=YourUsername&theme=dracula)

Customization

Personalize your graph appearance with specific URL parameters:

• bg_color: Background color in hex code (without #)
• color: Text color on the graph (also in hex code)
• line: Line color of the graph
• days: Number of days to display (recommended to be below 40)

For instance, to set the background color to white, you can use:

![Your GitHub Activity Graph](https://github-readme-activity-graph.vercel.app/graph?username=YourUsername&bg_color=ffffff)&theme=dracula

Deploy on Your Own Replit Instance

If you want to run the graph on Replit, follow these steps:

1. Sign in or create an account at replit.com.
2. Click on the ‘Deploy’ button below.
3. Select “Node.js” as the language and click “Import from GitHub.”
4. Follow the prompts to set up your own instance!

Deploy on Your Own Vercel Instance

To deploy on Vercel, use this simple guide:

First Method: Go to vercel.com and log in with GitHub, then import the GitHub repository for this project.

Second Method: Click on the button below to directly deploy:

Deploy to Vercel

Troubleshooting

If you encounter issues with the graph not displaying, ensure that:

• Your username is correctly placed in the URL.
• There are no spaces in your URL parameters (use %20 for spaces).
• Check if the deployment links are updated, as they may change.

In case the main URL github-readme-activity-graph.cyclic.app is down, try github-readme-activity-graph.vercel.app.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.