Socket
Book a DemoInstallSign in
Socket

code canvas app

Package Overview
Maintainers
0
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

code canvas app

View your code on an infinite canvas

OpenVSX
Version
0.10.2
Version published
Maintainers
0
Source

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:

  • VS Code Settings: Set telemetry.telemetryLevel to off (disables all extension telemetry)
  • 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

FAQs

Package last updated on 20 Oct 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts