Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>SupermodelNew to Visual Studio Code? Get it now.
Supermodel

Supermodel

Supermodel

|
12 installs
| (0) | Free
Visualize and interact with your codebase structure.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Supermodel: Visualize Your Codebase

⚠️ Internal Development • Not for Distribution ⚠️

Supermodel is a Visual Studio Code extension that helps you visualize and explore your codebase structure through an interactive graph interface.

Supermodel Activity Bar Icon

Features

  • Interactive Code Graph: Explore your code visually with an interactive graph
  • Multiple Layout Options: Choose from different visualization layouts
  • Node Properties: Inspect details of selected code elements
  • Theme Integration: Automatically adapts to your VS Code theme

Getting Started

  1. Open a project workspace in VS Code
  2. Click the Supermodel icon in the activity bar
  3. The Process Workspace command will analyze your codebase to display an interactive graph

Configuration

Configure the extension through VS Code settings (search for "Supermodel"):

  • supermodel.includeGlobs: File patterns to include when scanning (default: ["**/*.{ts,js,jsx,py}"])
  • supermodel.excludeGlobs: File patterns to exclude when scanning (default: node_modules, dist, etc.)

Status

This extension is currently in active development. Features and functionality may change without notice.


For development documentation and technical details, see the internal development docs.

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