# Obsidian Canvas Obsidian Canvas is [[Obsidian]]'s native infinite spatial workspace feature for visual thinking, knowledge mapping, and organizing ideas. It enables creating visual layouts by placing and connecting notes, images, web pages, PDFs, and freeform text on an infinite 2D canvas. ## What Is Canvas? Canvas provides an **infinite spatial workspace** where you can: - **Arrange notes visually**: Drop any note from your vault onto the canvas and position it anywhere - **Embed media**: Add images, videos, PDFs, and web pages directly on the canvas - **Create cards**: Write freeform text directly on the canvas without creating separate notes - **Draw connections**: Link items together with arrows to show relationships - **Group and organize**: Use colors, sizes, and spatial proximity to convey meaning - **Zoom and navigate**: Infinite space allows for both overview and detail views Unlike traditional note-taking that follows linear, hierarchical structures, Canvas enables **spatial thinking**—using physical position, proximity, and visual layout to represent relationships and organize information. ## Core Features **Infinite Space**: - Unlimited canvas area for large-scale thinking - Zoom in for detail, zoom out for overview - Pan freely to navigate your visual space **Multiple Content Types**: - **Notes from vault**: Embed existing notes as cards - **Files**: Add images, PDFs, videos, audio files - **Web content**: Embed web pages and URLs - **Text cards**: Create freeform text without creating notes - **Groups**: Organize related items with labeled containers **Connections and Relationships**: - Draw arrows between items to show relationships - Add labels to connections for clarity - Create network diagrams showing how ideas connect **Visual Organization**: - **Colors**: Apply colors to cards and groups for visual categorization - **Sizes**: Resize cards to indicate importance or hierarchy - **Positioning**: Use spatial proximity to show relatedness - **Layering**: Stack and overlap items to create depth **Integration with Vault**: - Double-click note cards to open them in editor - Changes to notes update automatically on canvas - Links in canvas notes work normally - Canvas files (.canvas) stored in your vault like any other file ## Common Use Cases **Concept Mapping**: - Visualize relationships between ideas - Map out complex topics with interconnected concepts - Create hierarchical knowledge structures **Project Planning**: - Plan projects with visual workflows - Organize tasks, deliverables, and dependencies spatially - Create visual roadmaps and timelines **Research Synthesis**: - Gather sources, notes, and ideas in one visual space - See connections between research materials - Organize literature review visually **Brainstorming**: - Free-form idea generation with unlimited space - Group related ideas spatially - Explore connections between concepts visually **Presentation and Communication**: - Create visual explanations of complex topics - Build narrative flows through information - Design visual stories and arguments **Maps of Content**: - Create visual [[Map of Content (MoC)|Maps of Content (MoCs)]] - Provide spatial entry points to knowledge domains - Organize topic areas with visual hierarchy ## Creating a Canvas **From Ribbon**: 1. Click the Canvas icon in the [[Obsidian Ribbon|Ribbon]] (left sidebar) 2. New canvas file is created **From Command Palette**: 1. Press `Ctrl/Cmd + P` to open [[Obsidian Command Palette|Command Palette]] 2. Type "Canvas: Create new canvas" 3. Press Enter **From File Explorer**: 1. Right-click a folder in file explorer 2. Select "New canvas" 3. Name your canvas file **File Storage**: - Canvas files have `.canvas` extension - Stored in your vault like any other file - Can be moved, renamed, and organized in folders ## Working with Canvas **Adding Content**: - **Drag notes**: Drag any note from file explorer onto canvas - **Drag files**: Drag images, PDFs, or other files from file explorer - **Create text card**: Double-click empty canvas space to create text card - **Add from vault**: Right-click canvas → "Add note from vault" - **Paste content**: Copy and paste text, images, or links **Organizing Items**: - **Move**: Click and drag items to reposition - **Resize**: Drag corners or edges to resize cards - **Color**: Right-click item → Select color - **Group**: Select multiple items → Right-click → "Create group" - **Arrange**: Use alignment and distribution tools **Creating Connections**: - **Draw arrow**: Drag from edge of one card to another - **Label connection**: Double-click arrow to add text label - **Arrow styles**: Customize arrow appearance in settings - **Delete connection**: Click arrow → Press Delete **Navigation**: - **Pan**: Click and drag empty canvas space (or middle mouse button) - **Zoom**: Scroll wheel or pinch gesture (trackpad) - **Fit view**: Double-click empty space to fit all content - **Reset zoom**: Press `Ctrl/Cmd + 0` ## Canvas in the Obsidian Starter Kit The [[Obsidian Starter Kit]] leverages Canvas as a core part of its [[Obsidian Starter Kit - System - Visualization System|Visualization System]]: **Visual Thinking**: - Canvas enables [[Spatial Intelligence|spatial reasoning]] and visual organization - Combines with [[Dual Coding Theory]] by engaging both verbal and visual processing - Provides freeform space for creative exploration **Knowledge Organization**: - Create visual [[Map of Content (MoC)|Maps of Content (MoCs)]] - Build topic landscapes showing knowledge domains - Organize project information visually **Recommended Uses**: - Visual project planning and tracking - Concept mapping for complex topics - Research synthesis spaces - Visual navigation hubs for knowledge domains - Creative brainstorming and ideation ## Best Practices **Start Simple**: - Begin with small, focused canvases - Add complexity gradually as needed - Avoid overwhelming detail on single canvas **Use Color Meaningfully**: - Establish color conventions (e.g., blue = permanent notes, green = projects) - Apply colors consistently across canvases - Use colors to create visual hierarchy **Leverage Spatial Layout**: - Position related items near each other - Use distance to show separation - Create hierarchies with positioning (top-to-bottom, left-to-right) - Group related content visually **Combine with Other Tools**: - Link to detailed notes instead of putting everything on canvas - Use canvas for overview, notes for detail - Embed canvas in notes for visual context - Reference canvas from [[Map of Content (MoC)|MoCs]] **Keep It Alive**: - Update canvases as understanding evolves - Return to canvases during reviews - Archive completed project canvases - Use canvases as working spaces, not just final products **Name Descriptively**: - Give canvases clear, descriptive names - Include purpose or topic in filename - Use a consistent naming convention ## Limitations and Considerations **Performance**: - Very large canvases may slow down - Complex embedded content can impact performance - Consider splitting huge canvases into multiple linked canvases **Portability**: - Canvas format is open, but specific to Obsidian, so it may not be supported by other applications - Exporting canvases to other formats is limited - Consider if portability matters for your use case **Maintenance**: - Canvases don't update automatically when note structure changes - Deleted notes may leave broken references - Requires periodic review and cleanup ## Comparison with Other Visual Tools **Canvas vs. [[Excalidraw plugin for Obsidian|Excalidraw]]**: - **Canvas**: Better for organizing existing notes and content spatially - **Excalidraw**: Better for drawing diagrams and freeform sketching - **Best together**: Use both for different visual thinking needs **Canvas vs. [[Mind Maps]]**: - **Canvas**: Freeform, non-hierarchical, flexible layout - **Mind Maps**: Structured, hierarchical, automatic layout - **Use Canvas for**: Complex relationships, multiple perspectives, mixed content - **Use Mind Maps for**: Clear hierarchies, topic exploration, quick brainstorming **Canvas vs. [[Obsidian Graph view|Graph View]]**: - **Canvas**: Manual, curated, purposeful visual organization - **Graph View**: Automatic, comprehensive, shows all connections - **Use Canvas for**: Intentional visual structure, specific topics - **Use Graph View for**: Discovering unexpected connections, vault overview ## References - Official Canvas documentation: https://help.obsidian.md/Plugins/Canvas - Canvas announcement: https://obsidian.md/canvas ## Related - [[Obsidian]] - [[Obsidian Starter Kit - System - Visualization System]] - [[Visual thinking]] - [[Spatial Intelligence]] - [[Dual Coding Theory]] - [[Map of Content (MoC)]] - [[Mind Maps]] - [[Excalidraw plugin for Obsidian]] - [[Obsidian Graph view]] - [[Obsidian Starter Kit - Reference - Bases#Visuals (Base)]] - [[Obsidian Ribbon]]