Skip to content

Call Tree Hover

Hover over any function in a JavaScript or TypeScript file to instantly see a call tree showing every function it calls, recursively.

Features

Hover tooltip — ASCII call tree with function name, file, and line number
Side panel — Interactive D3.js tree; click any node to jump to that function
Cycle detection — Handles recursive/mutually recursive functions safely
Configurable depth — Default depth of 3, adjustable up to 10

Usage

Open a JS/TS file
Hover over a function name — the call tree appears in the tooltip
Run Call Tree: Show Panel (command palette or status bar button) for the interactive view

Settings

Setting	Default	Description
`callTree.maxDepth`	`3`	Maximum call tree depth
`callTree.showInHover`	`true`	Show tree in hover tooltip
`callTree.autoOpenPanel`	`false`	Auto-open side panel on hover

Requirements

Requires a language server that supports the VS Code Call Hierarchy API (TypeScript, JavaScript via the built-in TS server).