Skip to content

Graph It Live

Graph-It-Live VS Code Extension

Install

$/plugin install graph-it-live@graph-it-live

Install command taken from the project's README or registry entry. Always review code before running it.

Graph-It-Live

See your codebase as a graph — in VS Code, your CLI, and your AI assistant.

Graph-It-Live analyzes imports, symbols, calls, cycles, unused exports, and change impact. Use it as a VS Code extension, a standalone CLI, or an MCP/native tool provider for GitHub Copilot and other AI clients. Analysis runs locally and returns evidence from your codebase.

Table of Contents

What it does

Graph-It-Live provides three views of a codebase:

View Answers Analysis layer
File graph Which files import this file? What depends on this module? Regex and AST parsing
Symbol view Which functions and classes call each other in this file? AST analysis
Live call graph Which symbols call each other across files? Tree-sitter and SQLite

Use the same graph data to navigate code, review refactors, generate codemaps, and give AI assistants focused context instead of entire source files.

Quick start

VS Code extension

Requirements: VS Code 1.96 or later. Install from the VS Code Marketplace or Open VSX.

  1. Open a project.
  2. Open the Graph-It-Live view from the Activity Bar.
  3. Run Graph-It-Live: Show Dependency Graph from the Command Palette.
  4. Click a file to open it, double-click it for the Symbol View, or use Show Call Graph for cross-file calls.

Supported projects include TypeScript, JavaScript, Python, Rust, C#, Go, Java, Vue, Svelte, and GraphQL.

First useful actions

Goal Action
Explore imports Open the dependency graph and expand a file node
Inspect functions Switch to Symbol View or double-click a file
Find callers Open Show Call Graph with a symbol selected
Find reverse dependencies Use Show Reverse Dependencies
Hide unused imports Enable Filter Unused Dependencies
Refresh analysis Run Refresh Graph or Force Graph-It-Live re-index

Features

File dependency graph

  • Visualize file-to-file imports across a workspace.
  • Detect circular dependencies and highlight cycles.
  • Expand and collapse nodes as you explore.
  • Open files directly from graph nodes.
  • Find reverse dependencies with an indexed lookup.

Symbol View

Drill into TypeScript, JavaScript, Python, or Rust files to see functions, classes, variables, outgoing calls, incoming callers, and recursive calls. Click a symbol to navigate to its definition.

Live Call Graph

The Live Call Graph shows cross-file symbol relationships in a Cytoscape.js panel.

  • Expand callers and callees with a depth from 1 to 5. A view shows at most 500 symbols, nearest hops first; a notice counts the hidden ones.
  • Group symbols by folder.
  • Number calls in invocation order.
  • Highlight self-recursion and mutual recursion.
  • Filter by symbol type or folder.
  • Refresh automatically after file saves.

Similar plugs

Orca is the ADE for working with a fleet of parallel agents. Run any coding agent with your own subscription. Available on desktop, mobile and remote runtime.

CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies

Documented system prompts from Anthropic - Claude Fable 5.1, Opus 5.5, Claude Design, Claude Code. OpenAI - ChatGPT GPT-6-Astra, Codex. Google - Gemini 3.8 Flash, 3.1 Pro,…

Wrap Antigravity, ChatGPT Codex, Claude Code, Grok Build, Muse Code, Devin as an OpenAI/Gemini/Claude/Codex compatible API service, allowing you to enjoy the free Gemini…