Contribution Graph
A GitHub-style contribution graph component showing activity over time.
Configuring your account...
Please wait while we prepare everything for you
Usage
import ContributionGraphDemo from '@/components/bynanaui/contribution-graph'
<ContributionGraphDemo />Props
| Prop | Type | Default | Description |
|---|---|---|---|
data | ContributionData[] | [] | Array of contribution data |
year | number | 2025 | Year to display |
showLegend | boolean | true | Whether to show the legend |
showTooltips | boolean | true | Whether to show tooltips on hover |
className | string | '' | Additional CSS classes |
Data Structure
interface ContributionData {
date: string; // ISO date string
count: number; // Number of contributions
level: number; // Intensity level (0-4)
}