mxkaske
Home·Craft·Brew

Activity Calendar

January 2025·1 min read·
JanFebMarAprMayJun
2 activities - Jan 05, 20251 activity - Jan 12, 20251 activity - Jan 19, 20253 activities - Jan 26, 20251 activity - Feb 02, 20254 activities - Feb 09, 20252 activities - Feb 16, 20254 activities - Feb 23, 20253 activities - Mar 02, 20253 activities - Mar 09, 20254 activities - Mar 16, 20251 activity - Mar 23, 20253 activities - Mar 30, 20252 activities - Apr 06, 20254 activities - Apr 13, 20251 activity - Apr 20, 20254 activities - Apr 27, 20253 activities - May 04, 20254 activities - May 11, 20250 activity - May 18, 20255 activities - May 25, 20251 activity - Jun 01, 20253 activities - Jun 08, 20250 activity - Jun 15, 2025
Mon4 activities - Jan 06, 20254 activities - Jan 13, 20252 activities - Jan 20, 20251 activity - Jan 27, 20251 activity - Feb 03, 20250 activity - Feb 10, 20253 activities - Feb 17, 20251 activity - Feb 24, 20250 activity - Mar 03, 20252 activities - Mar 10, 20254 activities - Mar 17, 20254 activities - Mar 24, 20253 activities - Mar 31, 20254 activities - Apr 07, 20250 activity - Apr 14, 20254 activities - Apr 21, 20250 activity - Apr 28, 20253 activities - May 05, 20253 activities - May 12, 20251 activity - May 19, 20254 activities - May 26, 20254 activities - Jun 02, 20255 activities - Jun 09, 20251 activity - Jun 16, 2025
1 activity - Jan 07, 20253 activities - Jan 14, 20251 activity - Jan 21, 20250 activity - Jan 28, 20250 activity - Feb 04, 20254 activities - Feb 11, 20250 activity - Feb 18, 20251 activity - Feb 25, 20254 activities - Mar 04, 20251 activity - Mar 11, 20252 activities - Mar 18, 20254 activities - Mar 25, 20255 activities - Apr 01, 20253 activities - Apr 08, 20251 activity - Apr 15, 20253 activities - Apr 22, 20250 activity - Apr 29, 20250 activity - May 06, 20254 activities - May 13, 20254 activities - May 20, 20254 activities - May 27, 20251 activity - Jun 03, 20250 activity - Jun 10, 2025
Wed1 activity - Jan 01, 20253 activities - Jan 08, 20250 activity - Jan 15, 20254 activities - Jan 22, 20250 activity - Jan 29, 20254 activities - Feb 05, 20255 activities - Feb 12, 20252 activities - Feb 19, 20252 activities - Feb 26, 20252 activities - Mar 05, 20252 activities - Mar 12, 20255 activities - Mar 19, 20254 activities - Mar 26, 20251 activity - Apr 02, 20253 activities - Apr 09, 20250 activity - Apr 16, 20251 activity - Apr 23, 20251 activity - Apr 30, 20250 activity - May 07, 20252 activities - May 14, 20254 activities - May 21, 20251 activity - May 28, 20251 activity - Jun 04, 20251 activity - Jun 11, 2025
1 activity - Jan 02, 20253 activities - Jan 09, 20253 activities - Jan 16, 20251 activity - Jan 23, 20253 activities - Jan 30, 20254 activities - Feb 06, 20252 activities - Feb 13, 20253 activities - Feb 20, 20253 activities - Feb 27, 20253 activities - Mar 06, 20250 activity - Mar 13, 20254 activities - Mar 20, 20253 activities - Mar 27, 20253 activities - Apr 03, 20254 activities - Apr 10, 20254 activities - Apr 17, 20253 activities - Apr 24, 20253 activities - May 01, 20252 activities - May 08, 20253 activities - May 15, 20254 activities - May 22, 20250 activity - May 29, 20252 activities - Jun 05, 20254 activities - Jun 12, 2025
Fri3 activities - Jan 03, 20254 activities - Jan 10, 20251 activity - Jan 17, 20250 activity - Jan 24, 20253 activities - Jan 31, 20251 activity - Feb 07, 20250 activity - Feb 14, 20252 activities - Feb 21, 20253 activities - Feb 28, 20250 activity - Mar 07, 20251 activity - Mar 14, 20253 activities - Mar 21, 20252 activities - Mar 28, 20251 activity - Apr 04, 20250 activity - Apr 11, 20251 activity - Apr 18, 20250 activity - Apr 25, 20251 activity - May 02, 20250 activity - May 09, 20255 activities - May 16, 20251 activity - May 23, 20254 activities - May 30, 20253 activities - Jun 06, 20251 activity - Jun 13, 2025
2 activities - Jan 04, 20252 activities - Jan 11, 20254 activities - Jan 18, 20253 activities - Jan 25, 20254 activities - Feb 01, 20250 activity - Feb 08, 20252 activities - Feb 15, 20254 activities - Feb 22, 20255 activities - Mar 01, 20254 activities - Mar 08, 20254 activities - Mar 15, 20252 activities - Mar 22, 20251 activity - Mar 29, 20250 activity - Apr 05, 20251 activity - Apr 12, 20250 activity - Apr 19, 20252 activities - Apr 26, 20250 activity - May 03, 20255 activities - May 10, 20254 activities - May 17, 20250 activity - May 24, 20250 activity - May 31, 20250 activity - Jun 07, 20251 activity - Jun 14, 2025
Less
More

The date range to display the grid for.

Grid theme

Gap between cells

Cell size

Select the days of the week you want to display in the grid.

Obviously heavily inspired by GitHub's Activity Calendar.

Simple and customizable:

  • Activity data (date, value, label)
  • Colors for each value (--activity-1, --activity-2, ...)
  • Days of the week to show
  • Tooltip on hover
  • Tooltip label (React.ReactNode)
  • Size of the cells
  • Gap between the cells

Check it out on GitHub and spaghetti copy pasta it.

Besides the default data, the values are generated randomly. Why not the default data? Because of hydration errors. Don't ask.

NextData Table