Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Call Graph NaviNew to Visual Studio Code? Get it now.
Call Graph Navi

Call Graph Navi

D-grid375

|
3 installs
| (0) | Free
Visualize and explore call graphs interactively in VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Call Graph Navi

Visualize call structures as directional graphs (incoming/outgoing) to better understand your code’s structure.
Language-agnostic — works with any language that supports Call Hierarchy. (see Requirements)

demo


Features

Bidirectional Call Graphs

Visualize call graphs in both directions:

  • Outgoing Call Graph — Shows functions called by the selected function.
  • Incoming Call Graph — Shows functions that call the selected function.

Focused View

Cut out the noise and focus on the call structure you care about.

  • Hide individual files or functions by clicking the × icon.
  • Right-click a node → "Show Path to Root" to display only the path from that node up to the root.

Jump to Definition

Click any function to jump straight to its definition.

PlantUML Export

Click the "Export PlantUML" button in the top toolbar to export the current graph as PlantUML.


Getting Started

  1. Open a source file in the editor.
  2. Place the cursor on the function you want to visualize.
  3. Use one of the following:
    • Context menu (right-click):
      • Show Incoming Call Graph
      • Show Outgoing Call Graph
    • Keyboard shortcuts:
      • Ctrl+Alt+Q — Show Incoming Call Graph
      • Ctrl+Alt+W — Show Outgoing Call Graph
    • Command Palette:
      • Ctrl+Shift+P → Call Graph Navi: ...

Requirements

A language server with Call Hierarchy support must be installed and active for the target language (e.g. ms-vscode.cpptools, clangd, rust-analyzer, Pylance, gopls).

Known Issues

Rendering large graphs may take longer depending on their size.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft