canvas

The Canvas skill allows users to create spatial diagrams using a structured JSON format, enabling precise control over the position and dimensions of nodes. It solves the problem of visually organizing complex information such as concept maps, knowledge graphs, and planning boards where manual placement or automatic layouts may not provide sufficient accuracy. By defining nodes and their connections programmatically, users can maintain consistency, clarity, and flexibility in diagram layouts, ensuring that even dense or detailed diagrams remain understandable and well-organized.

This skill supports a variety of node types including text, file references, external URLs, and group containers, allowing for rich and versatile diagram construction. Nodes can be positioned freely using x/y coordinates on a 100px grid, and edges can be customized to connect nodes from specific sides with arrow or line endings. Color presets provide quick visual differentiation, while sizing guidelines help maintain readability for multi-line text or long content. The JSON structure ensures compatibility with tools like Obsidian Canvas and supports exporting or integrating diagrams across multiple platforms.

Canvas is ideal for knowledge workers, educators, developers, and project managers who need to visually map ideas, tasks, or data relationships. Use cases include creating interactive learning materials, designing workflow diagrams, planning projects, and mapping information architectures. Its precision and JSON-based approach make it particularly useful for users who prefer structured, reproducible, and highly customizable diagrams rather than relying on drag-and-drop interfaces.