Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>code canvas appNew to Visual Studio Code? Get it now.
code canvas app

code canvas app

Alex C

|
3,657 installs
| (6) | Free
View your code on an infinite canvas
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

codecanvas.app

See your code like never before

Understand the structure of your codebase in seconds

Supporting:

JavaScript TypeScript React

More languages and frameworks coming in the future


Opening files in the canvas


2. Turn spaghetti into structure

  • Visualize module relationships
  • See dependencies like a mind map
  • Use customizable layout algorithms to reveal the architecture behind the code

3. Spend less time deciphering and more time building

  • See token references, function calls, definitions, implementations and the connections between them throughout the codebase
  • Easily understand the flow of your application and how everything connects at a glance

4. Review changes smarter

  • Understand new changes visually, so you can move faster and build with confidence
  • See changes done by AI in real time, and immediately understand what parts of your codebase have been affected

5. Instant context when reading unfamiliar code

  • Reduce onboarding time
  • Understand a new codebase in seconds
  • Refactor safely with a clear view of connections

Privacy & Security

Your code stays on your machine

  • All code processing is done locally on your device
  • No code is ever sent to external servers
  • Code analysis, syntax highlighting, and file relationships are computed entirely within VS Code
  • Git authentication is only used for subscription management - your repository content remains private

Analytics & Privacy

Code Canvas collects anonymous telemetry to improve the extension experience. We take your privacy seriously

What We Collect

  • Feature usage patterns (which features you use, not how you use them)
  • Performance metrics (load times, render times)
  • Error rates (without stack traces or sensitive details)
  • Anonymous session identifiers
  • VS Code and extension version information

How to Opt Out

You can disable telemetry at any time through:

  1. VS Code Settings: Set telemetry.telemetryLevel to off (disables all extension telemetry)
  2. Extension Settings: Disable codeCanvas.telemetry.enabled in VS Code settings

For complete details about our data practices, see our Privacy Policy


For any feedback / bug reports join the discord server: https://discord.gg/XgdGN9Z7ef

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