Skip to content

Visualize it (graft viz)

graft viz opens a local, interactive view of both graphs — no install, no dev server; the viewer ships prebuilt inside the package.

graft viz — searching a symbol and jumping to it lights up its dependency graph search → jump to a node → dependency graph lights up

  • Context tab — the architecture graph from graft/*.md. Nodes colored by type, sized by connectedness.
  • Code tab — the per-symbol graph from graft/.graph/wiring.json (run graft build first).
  • Outline tab — the file → class → method hierarchy as a collapsible tree.

Edges speak the code’s language. Every link is one of a closed set of verbs, each answering a question someone building or reviewing code actually asks:

Verb The question it answers
part_of / contains where does this live?
uses / calls / imports / depends_on what breaks if I change this?
produces where does this output come from?
configures what changes its behavior without a code change?
validates what checks or judges this? (tests, drift checks, scoring)
extends / implements what contract must this honor?

Select a node and its edges take on direction: amber = what it depends on, teal = what depends on it, with the verb written on each highlighted edge. Chips above the canvas filter by verb; tree-sitter-extracted edges draw solid while LLM-inferred ones draw dashed. The viewer live-reloads when graft/ changes on disk. Older graphs with vague verbs (influences, supports) are normalized on load — no regeneration needed.