Documentation

Everything you need to know about using Code Canvas

The Code Canvas VSCode extension will soon not be supported anymore as all efforts will be moved towards the Code Canvas Standalone version.

You will still be able to use the extension, but it won't receive any future updates.

The new version will have all the features of the extension and more, as well as being fully rebuilt using webGL to enable hardware acceleration for better performance on large codebases.

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.

Get Started