Function Visualizer

A VS Code extension that visualizes function call relationships in your code as an interactive graph.

✨ Features

Interactive Call Graph: See how functions call each other in a visual node graph
Multi-Language Support: JavaScript, TypeScript, Python, Java, C, C++, Go, Rust, Ruby, R, PHP, and Swift
Two Commands: Visualize an entire file or just a selected snippet
Call Site Nodes: Individual call sites shown separately — know exactly where each function is called
Export: Save the graph as JSON or JPEG
Theme Aware: Matches your VS Code dark/light theme

Open any supported code file (.js, .ts, .py, .java, .c, .cpp, .go, etc.)
Right-click in the editor → Visualize: Show Function Graph — or — Open the Command Palette (Ctrl+Shift+P) → Visualize: Show Function Graph
The graph panel opens on the right

Select a block of code in the editor
Right-click → Visualize: Show Selection Graph — or — Command Palette → Visualize: Show Selection Graph

Action	Shortcut
Visualize File	`Ctrl+Shift+V F`

Node Type	Description
Function Node (left, larger)	A function/method/class definition
Call Site Node (right, smaller)	A specific location where a function is called

def greet(name):
    return f"Hello, {name}"

def main():
    greet("Alice")  # Call site at Line 5
    greet("Bob")    # Call site at Line 6

Graph output:

Command	Description
`function-visualizer.visualizeFile`	Visualize the entire active file
`function-visualizer.visualizeSelection`	Visualize the selected code block
`function-visualizer.debug`	Check if the extension is active

Creative Commons Attribution-NonCommercial 4.0 International

Commercial use requires a paid license. See COMMERCIAL-LICENSE.md for details.