Skip to content

Activity

GraphActivity

GitHub-style contribution grid. Pass dated counts; weeks, months, and intensity are derived.

Command

pnpm dlx shadcn@latest add <origin>/r/graph-activity.json

Year

Dated counts. The grid, month labels, and intensity scale are derived.

[ COMMITS ]
SepOctNovDecJanFebMarAprMayJunJulAugSep
MWF

774 contributions

LessMore

774 contributions across 371 days

Quarter

Shorter range. glyphs="ascii" swaps the block characters for .- =#@.

[ SHIPPED ]
JunJulAug
MWF

Jun – Aug

LessMore

182 contributions across 91 days. Jun – Aug

Props

PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
daysActivityDay[]ISO date plus count. Gaps fill as empty days.
weekStartsOn0 | 100 is Sunday, like GitHub. 1 is Monday.
maxnumberLock the intensity scale. Defaults to the highest count.
legendbooleantrueLess / more glyph key under the grid.
captionstring | falseReplaces the computed contribution total. Pass false to hide it.
glyphs"shade" | "ascii" | "hash" | "bar" | string[]"shade"Character set. shade is ·░▒▓█. ascii is .- =#@. Pass a preset or your own characters.
palette"mono" | "duo" | "multi""mono"mono is one accent plus muted. duo paints the second series with --graph-accent-2. multi cycles three accents.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.