JIT
An animated GitHub-style contribution grid
Recreate a GitHub-style contribution grid. Display a 7x52 grid of squares representing daily activity. Animate the color of each square based on random activity levels, and loop a subtle pulsing animation to simulate ongoing updates.

I've created a GitHub-style contribution grid animation using Anime.js 4.0. The animation includes:

  1. A 7x52 grid of squares representing daily activity (similar to GitHub's yearly contribution chart)
  2. Random activity levels with appropriate color coding (from light to dark green)
  3. An initial reveal animation with staggered timing from the center
  4. A subtle continuous pulsing animation that loops indefinitely
  5. Random activity updates every 5 seconds that animate smoothly between states

The grid uses GitHub's dark theme colors and includes a legend showing the activity levels.

Updated files
v1
create some crazy symbol
Updated files
v2