Canvas Obsidian VSCode is a visual thinking and note-taking extension for VS Code that allows you to create interactive canvas diagrams to organize your thoughts, plan projects, and link to your markdown files.
Features
Interactive Canvas: Create, edit, and arrange nodes in a flexible canvas workspace
Node Types:
Text Nodes: Simple text nodes with markdown formatting support
File Nodes: Nodes linked to markdown files that display and sync content
Connection System: Connect nodes with directional arrows to represent relationships
Markdown Integration:
Create and link to markdown files directly from the canvas
Changes in markdown files automatically reflect in canvas nodes
Drag & Drop Support: Drag markdown files from VS Code Explorer directly onto the canvas
Real-time Editing: Double-click nodes to edit content directly in the canvas
History Management: Full undo/redo support for all canvas operations
Viewport Management: Canvas position and zoom level are preserved
Keyboard Shortcuts: Intuitive shortcuts for common operations
Installation
You can install the extension via the VS Code Marketplace:
Open VS Code
Go to Extensions (Ctrl+Shift+X)
Search for "Canvas Obsidian VSCode"
Click Install
Alternatively, download the VSIX file from the releases page and install manually:
Usage
Working with Markdown Files
The Canvas extension allows you to work with markdown files in multiple ways:
Create New Markdown Files: Click the "Create MD File" button in the toolbar to create a new markdown file linked to a canvas node.
Drag & Drop Existing Files: Simply drag a .md file from VS Code's Explorer panel directly onto the canvas to create a linked node.
The node will automatically display the content of the markdown file
Changes to the file will be reflected in the node
Click the file name at the top of the node to open the file in VS Code
Edit Linked Content: Double-click on a file node to edit its content directly in the canvas. Changes are automatically saved to the linked file.
