← All posts

Dart Viewer: your repo as a 3D map

Dart Viewer: your repo as a 3D map

A big repo is hard to hold in your head. Dart Viewer puts it in front of your eyes instead — the whole project as an interactive, size-weighted map you can pan and zoom. It's released today.

What it does

Point it at any Dart or Flutter repository and it renders the codebase as a treemap: every file and folder sized by weight, so the heavy parts of the project are obvious at a glance. From there you can:

  • Pan and zoom through the structure like a map.
  • Trace import links — see what pulls in what, and follow the threads.
  • Browse git history as floating 3D commit cards, moving through time instead of squinting at a flat log.

It's a Flutter desktop app, and it runs entirely locally — no server, no upload, nothing leaves your machine.

Why a viewer

I build a lot of Dart, and I wanted to feel the shape of a project — where the mass is, where the dependencies knot up — before diving into files. Static lists never gave me that. A spatial, zoomable view does.

Building it in Flutter meant the same brand system, rendering, and interaction polish that goes into everything else here — and it's the reason the studio site is written in Dart too, so the tools and the site share their bones.

Get it

Dart Viewer lives on GitHub — HexaJohn/dart_viewer. Grab it and point it at your gnarliest repo.

Discussion

Enable JavaScript to sign in, comment, and download the game.