~/abdullah-mobeen/projects/claude-code-visualizer
← back to projects

claude-code-visualizer

shipped
Scrollytelling visualization for Claude Code usage data. Zero-dependency pipeline that reads local session history and renders interactive charts.
↗ github
Year
2025 — present
Status
● shipped
Stack
python · d3.js · html
License
MIT

Why

I wanted to understand my own Claude Code usage patterns — which tools I reach for, how sessions cluster, what my coding rhythm looks like across days and projects. Existing analytics felt too generic, so I built a single-page visualization that reads directly from ~/.claude/.

What it does

  • Reads local Claude Code session history with a zero-dependency Python pipeline
  • Renders six interactive sections: timeline, project breakdown, tool usage, coding patterns, session intentions, and outcome metrics
  • Scroll-triggered D3.js animations — no framework, no bundler, single HTML file
  • All data stays local — fully client-side processing, nothing leaves your machine
  • Color scheme matches Claude Code's terminal aesthetic