Skip to main content

Docs FAQ Pricing Release Notes

Getting Started

Introduction
Installation
Quick Start

Dependencies & Layout

Dependency Edges
Layout Algorithms

Symbols & Tokens

Symbol Overlays
Token Selection

Git Changes

Visualizing Changes

Canvas Navigation

Canvas Controls
Managing Files
Ignoring Files

Other

Settings
Toolbar
Action Bar

Shortcuts

Keyboard Shortcuts

Performance

Performance Tips

Documentation

Everything you need to know about using Code Canvas

Getting Started

●What is Code Canvas
●Install from VS Code Marketplace
●Learn basic navigation

Dependencies & Layout

●Import/export edge visualization
●Hybrid layout algorithm
●Arrange files by dependencies

Symbols & Tokens

●Symbol overlays at different zoom levels
●Token selection with LSP
●Definitions, references, call hierarchy

Git Changes

●Visualize local changes vs HEAD
●Character-level diff highlighting
●Multiple diff view modes

Navigation

●Canvas controls and zoom levels
●Opening files and imports/exports
●Symbol highlighting

Other

●Regex styling
●Canvas configurations
●General settings

New to Code Canvas?

Start with the Getting Started guide to install the extension and learn the basics.