Animated Leaderboard

A ranked leaderboard. Rows slide in on a stagger, each showing a rank number, an initials avatar, a name, a bar that grows in proportion to the score, and a value that counts up as the bar fills, with the top three ranks taking gold, silver, and bronze accents on the number and avatar ring.

Each competitor is an entry in the ENTRIES array holding a name, a score, and an accent color, and the board sorts by score for you so source order does not matter. ROW_H and ROW_GAP set the density, BAR_MAX sets the bar length, and ROW_STAGGER sets the reveal cadence. Row entrances and bar growth use Remotion spring(), so the animation is deterministic and settles on a final ranking. Use it for contest standings, top user rankings, and sales tables.