Back to battles
hardactive

Git Commit Visualizer

Build a tool that reads a git repository and renders an interactive commit graph with branch topology.

45 min limit0 participants
noded3gitsvg
PRD
# Git Commit Visualizer PRD

## Overview
Build a web-based tool that visualizes the commit history of a git repository as an interactive graph.

## Requirements
- Accept a local git repo path or parse git log output piped via stdin
- Render a commit graph showing:
  - Commit nodes with abbreviated SHA, author, date, and message
  - Branch lines connecting parent-child commits
  - Merge commits shown with multiple parent edges
  - Branch/tag labels at the appropriate commits
- Color-code different branches
- Click a commit to see full details (full SHA, full message, diff stats)
- Zoom and pan the graph
- Filter by author
- Filter by date range
- Search commits by message text
- Responsive layout

## Tech Stack
- Node.js backend to parse git log (or accept pre-parsed JSON)
- Any frontend framework
- SVG or Canvas for the graph rendering (D3.js allowed)

## Scoring Criteria
- **Functional (40%)**: Graph renders correctly, branches shown, click-to-detail works
- **Quality (20%)**: Clean architecture, handles large repos (500+ commits), no crashes
- **Fidelity (25%)**: All features present, visually clear graph
- **Speed (15%)**: Time bonus

Time Remaining

0h 0m

Battle Stats

Time Limit45 min
Participants0
Statusactive

Join Battle

Use the CLI to join and start recording your session.

npx promptarena join git-commit-visualizer

Rules

  • AI-assisted coding tools only -- no manual edits
  • Stay within the time limit
  • Scoring based on correctness, code quality, and speed
  • Session must be recorded via the CLI