Jandee
Jandee is a simple project that lets you embed a GitHub user's contribution calendar into any document.
How to use This in Notion?
- Create a new Embed block in your any document.
- Set the Embed URL to
https://jandee.vercel.app/%USERNAME%
replacing%USERNAME%
with your GitHub username. - Adjust the size of the embed accordingly.
- Bask in its glory!
How to change color mode
You can change the color using the scheme
parameter. Values include light
and dark
. If the parameter is not used, it is automatically selected by the system.
https://jandee.vercel.app/%USERNAME%?scheme=dark
Can I change the Time Zone?
Yes, You can set the specific Time Zone. If the Time Zone is not set, it operates as UTC+0.
https://jandee.vercel.app/%USERNAME%?tz=America/New_York
How to customize chart style?
You can change the style of your graph. Supported properties include:
redias
- Adjusts the border-redius value of the rectangular elements of the graph. default = 2margin
- Adjusts the margin value between the rectangular elements of the graph. default = 3footer
- You can hide the meta information shown at the bottom of the graph. default = falseweeks
- You can hide the day information on the left side of the graph. default = false
https://jandee.vercel.app/%USERNAME%?redias=3&margin=2&footer=false&weeks=false
How to export to PNG image
You can use Canvas with Embed method as an alternative. This Canvas can be saved as PNG images with transparency. However, depending on the system, the font shape or size may vary slightly.
https://jandee.vercel.app/%USERNAME%/canvas
Credit
This project was inspired by the following project::
@bizarre's notion-github-embed is easy embed GitHub contribution chart into any Notion document.
@sallar's github-contributions-chart is used to fetch GitHub user contributions. <3
@sallar's github-contributions-canvas is drawing a heat-map of Github contributions on HTML Canvas