workflows · Picked by us

See where your AI coding time goes

Claude Code Visualizer

Turn your Claude Code history into a visual report of the projects, tools and sessions you worked on.

By Ahmed Aybidi

Build your report
Read the data guide

Free; documents local inputs and output

MIT licence; reads local Claude Code files; inspect before running

Claude Code Visualizer showing synthetic sample data for sessions, messages, tokens and projects.
A look at the result

What it does

Make patterns in local Claude Code use easier to review without sending session history to a hosted dashboard.

Who it helps

Developers and teams who want a visual review of their Claude Code work.

How it was made

Models
Claude · version not given
Tools
Claude Code · AI coding
D3.js · Interactive visualization
Python · Local data aggregation
  1. Ahmed Aybidi says Claude Code built the page entirely.
  2. A local Python script converts session statistics into data.json; the D3 report renders the timeline, projects, tools, rhythm, intentions and outcomes.

What the person did

Ahmed Aybidi chose the scrollytelling structure, published the processor and page, and documented the local-data workflow. No exact Claude model is supplied.

What we know

Creator-reported: The repository says the page was built entirely with Claude Code; no exact model is named.

Access checked — 2026-09-20 · Served the page with synthetic sample data and confirmed the main narratives rendered with no console errors. No local Claude directory was read.

Can you use it?

Claude Code Visualizer, copyright 2026 Abdullah Mobeen, MIT. Retain the copyright and permission notice. This preview uses synthetic sample data and contains no user session data.

About this project

Picked by Made With Models. Added 2026-09-20. Updated 2026-09-20.