Skip to content

Build the Historical Velocity Graph Visualization (Recharts/D3) #44

Description

@SHAURYASANYAL3

Context

The Repository Dashboard currently shows static metrics (Health Score, Bus Factor, etc.). We need a beautiful, interactive chart showing the historical commit velocity over the last 6 months to help engineering managers identify burnout or productivity spikes.

Requirements

  • Add a new section under the main metrics grid in apps/web/src/app/dashboard/repository/[id]/page.tsx.
  • Implement a responsive area chart using Recharts (or D3.js if you prefer) to plot commits over time.
  • Include tooltips that show the exact commit count and top contributor for that specific week.
  • Ensure the chart fully matches our UI tokens and supports dark mode.

Why this is awesome

This is the most highly requested visual feature by our users. Your work will be front-and-center on the main repository dashboard. If you want to claim this, comment .take below!

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions