Back to Projects
Full Stack

Claude Stats Dashboard

Real-time token tracking

A local dashboard for tracking Claude Code token usage, costs, and session history in real time. Built with Next.js, Recharts, and chokidar.

Claude Stats dashboard showing token usage, costs and session historyScreenshot by Asif Hossain

Overview

Claude Stats is a self-hosted developer tool I built to solve a personal pain point: having no visibility into how many tokens I was burning through Claude Code sessions or how much it was costing me. The dashboard auto-detects your local Claude data directory, watches it for changes in real time, and visualises token usage, session history, costs, and productivity patterns — all without any configuration or external API calls.

Key Features

📊

270-Degree Usage Gauge

Live arc gauge showing your current 5-hour rolling window consumption vs your plan limit. Colour shifts from green to red as you approach the cap.

📅

Usage Calendar

GitHub-style 52-week heatmap showing daily token consumption. Instantly reveals your busiest coding periods and usage trends over time.

🔥

Productivity Heatmap

7x24 grid mapping which hours and days you use Claude most. Helps you understand your peak productivity windows at a glance.

🧩

Model Breakdown

Pie chart breaking down token usage and estimated cost by model (Sonnet, Haiku, Opus) across all your sessions.

💰

Subscription Value Card

Compares what your usage would cost at pay-per-token API pricing vs your flat Pro subscription — shows exactly how much value you're getting.

📋

Session History Table

Full searchable log of every Claude Code session with timestamps, project, branch, token counts, and estimated cost per session.

The Challenge

The main challenge was building a reliable real-time file watcher that could parse Claude's JSONL session files incrementally without re-reading the entire history on every change. I used chokidar for efficient file watching and implemented a streaming parser that only processes new lines appended to each session file, keeping memory usage flat regardless of session history size.

Outcome

A working developer tool actively used for tracking Claude Code usage. Zero configuration needed — clone, install, and run. Published on GitHub as an open-source project for the broader Claude Code community.

Interested in working together?

I build projects like this for clients across Australia and globally. Get in touch to discuss your idea.