← Components

GitHub contribution graph

Two components, one data shape. ContributionGraph is the day-by-day heatmap in four variants; ContributionBars is one bar per week. Pass a preset name or any colour — the light and dark ramps are derived from it.

ContributionBars

<ContributionBars color="#26a641" />

NovDecJanFebMarAprMayJunJulAugSepOct
1,432 contributions in the last yearLessMore

ContributionGraph

<ContributionGraph color="#26a641" variant="classic" />

NovDecJanFebMarAprMayJunJulAugSepOct
1,432 contributions in the last yearLessMore

<ContributionGraph color="#26a641" variant="rounded" />

NovDecJanFebMarAprMayJunJulAugSepOct
1,432 contributions in the last yearLessMore

<ContributionGraph color="#26a641" variant="circle" />

NovDecJanFebMarAprMayJunJulAugSepOct
1,432 contributions in the last yearLessMore

<ContributionGraph color="#26a641" variant="dots" />

NovDecJanFebMarAprMayJunJulAugSepOct
1,432 contributions in the last yearLessMore