Skip to main content

Visualize your Claude Code journey

A personal analytics dashboard for Claude Code sessions. Track your coding patterns, model usage, tool calls, spending, and prompt history — all from data stored locally on your machine.

🔒 Your data never leaves your browser

Get started in minutes

Choose your preferred setup method

1

Run locally with auto-loaded data

Clone the repository and start the development server. Your Claude Code data from ~/.claude/ is automatically loaded.
git clone https://github.com/1shanpanta/claude-analytics.git
cd claude-analytics
npm install && npm run dev
Open http://localhost:3000 to view your analytics dashboard.
2

Or use hosted mode with export

Export your data using the built-in script (uses only Node built-ins, no installation required):
git clone https://github.com/1shanpanta/claude-analytics.git
cd claude-analytics
node scripts/export.mjs
The script generates claude-analytics-export.json containing your stats, sessions, and history. Upload this file to the hosted version.
3

Explore your analytics

View activity heatmaps, session details, model costs, tool usage patterns, and your complete prompt history. All processing happens client-side for maximum privacy.

Comprehensive analytics

Every metric you need to understand your Claude Code usage

Activity tracking

GitHub-style contribution heatmap showing daily message activity and sessions by hour

Session explorer

Browse all sessions with expandable message threads and detailed metadata

Model analytics

Token usage breakdown with stacked area charts and cost tracking per model

Cost tracking

Total spending across all models with detailed per-model cost breakdown

Tool usage

See which tools (Read, Edit, Bash, etc.) you use most frequently

Prompt history

Searchable log of every prompt you’ve sent with copy-to-clipboard

Multi-profile

Upload multiple export files and switch between different profiles

Project filtering

Filter sessions, tools, and prompts by specific projects

Privacy focused

100% client-side processing — no data leaves your browser

Built with modern web technologies

Powered by Next.js, React, and shadcn/ui

Next.js 16
App Router
⚛️
React 19
Latest features
🎨
Tailwind CSS 4
Modern styling
🧩
shadcn/ui
Components
📊
Recharts
Visualizations
🚀
bun
Fast runtime

Ready to visualize your coding patterns?

Start exploring your Claude Code analytics in minutes. No account required, no data uploaded.

Build docs developers (and LLMs) love