Easy to set up Hackatime coding activity heatmap for your profile!

_{^^^ Those are my stats!}

You can either use the color scheme aware version:

a href="https://heatmap.shymike.dev?id=YOUR_ID&standalone=truetrue" title="Click to view detailed data for each day!">gt;
     picture>gt;
         source media="(prefers-color-scheme: dark)" srcset="https://heatmap.shymike.dev?id=YOUR_ID&theme=darkdark">gt;
         img alt="Hackatime activity heatmap." src="https://heatmap.shymike.dev?id=YOUR_ID&theme=lightight">gt;
     picture>gt;

a>gt;

Or the simple version:

img alt="Hackatime activity heatmap." title="Click to view detailed data for each day!" src="https://heatmap.shymike.dev?id=YOUR_ID">gt;

All the parameters that can be adjusted are:

• Id
• Timezone
• Theme
• Cell Size
• Padding
• Rounding
• Ranges
• Year
• Show Labels
• Standalone

Some examples:

• https://heatmap.shymike.dev?id=1&theme=catppuccin_dark&timezone=ESTzone=EST
• https://heatmap.shymike.dev?id=1&theme=light&timezone=America/Los_Angeles_Angeles

This parameter is mandatory and can be set to your Hackatime ID, Hackatime Username or Slack ID

Examples:

• https://heatmap.shymike.dev?id=1
• https://heatmap.shymike.dev?id=msw
• https://heatmap.shymike.dev?id=U0C7B14Q3

This parameter can be set to the identifier of any timezone on the tz database. Defaults to UTC.

• https://heatmap.shymike.dev?id=1&timezone=America/Los_Angeleseles
• https://heatmap.shymike.dev?id=1&timezone=EST=EST

The theme can be set to either dark, light, catppuccin_dark or catppuccin_light. Defaults to dark.

• https://heatmap.shymike.dev?id=1&theme=darkdark
• https://heatmap.shymike.dev?id=1&theme=lightight
• https://heatmap.shymike.dev?id=1&theme=catppuccin_darkdark
• https://heatmap.shymike.dev?id=1&theme=catppuccin_lightight

The size of each cell in pixels. Defaults to 10 px.

• https://heatmap.shymike.dev?id=1&cell_size=8ze=8
• https://heatmap.shymike.dev?id=1&cell_size=15e=15

The padding between each cell in pixels. Defaults to 3.

• https://heatmap.shymike.dev?id=1&padding=1ng=1
• https://heatmap.shymike.dev?id=1&padding=5ng=5

The rounding percentage of each cell (0-100). Defaults to 20.

• https://heatmap.shymike.dev?id=1&rounding=0ng=0
• https://heatmap.shymike.dev?id=1&rounding=100=100

The percentage ranges for each color as a 3 item string list. Defaults to 70,30,10.

• https://heatmap.shymike.dev?id=1&ranges=80,50,200,20
• https://heatmap.shymike.dev?id=1&ranges=75,50,250,25

Display data for a specific calendar year (Jan 1 - Dec 31) instead of the last 365 days. Use current for the current year, or specify a year number. If not set, shows the last 365 days.

• https://heatmap.shymike.dev?id=1&year=currentrent
• https://heatmap.shymike.dev?id=1&year=20252025
• https://heatmap.shymike.dev?id=1&year=20262026

Whether to show month labels, weekday labels (Mon/Wed/Fri), and the "Less/More" legend. Defaults to true.

• https://heatmap.shymike.dev?id=1&labels=truetrue
• https://heatmap.shymike.dev?id=1&labels=falsealse

Whether or not to embed HTML into the request. Defaults to false

• https://heatmap.shymike.dev?id=1&standalone=truetrue
• https://heatmap.shymike.dev?id=1&standalone=falsealse