Forest edition · parse the vines

Code Canopy Lab

Jon once built a tiny source-tree visualizer because walking into an unfamiliar codebase can feel like being dropped into the woods at night. This page turns that idea into a lantern-lit playground: paste a miniature project, switch between files and functions, and watch relationships bloom into a canopy you can actually read.

Mood
Lush
Best For
Tiny repos
Lens
Calls

Inspired by Jon's Language Independent Visualizer (LIVER). The original post described a small “language independent” visualizer for making code structure legible. This version leans playful instead of academic, because diagrams are allowed to be useful and a tiny bit enchanting at the same time.

Plant a sample

Start with a toy project, or paste your own little pile of code. Separate files using lines like // File: rover.js or # File: parser.rb.

68%

Trail cards

The current trail highlights the likeliest entry point and its first downstream calls, handy when you are wondering where to even start reading.

Nodes
0
Vines
0
Files
0
Hotspot
-

Tap a lantern

Your selected node will introduce itself here.

This is not a full static analyzer, just a charming field guide. It uses name matching inspired by Jon's original post, which makes it surprisingly helpful for little projects and fast mental orientation.

Calls out to
-
Called by
-
Expedition tips

Entry nodes often look like main, init, or start.

Isolated lanterns can mean dead code, helper functions not yet used, or a parser limitation. The jungle keeps its little mysteries.

File view is perfect when you only want the “which chunk talks to which chunk?” version.