What problem does it solve?
JSON Canvas diagrams provide a lightweight, JSON-based way to model visual graphs (nodes and edges) for planning, mapping, and diagramming without heavy tooling. This Skill guides you through creating, editing, and validating .canvas files so you can quickly translate ideas into shareable, machine-readable diagrams.
Core Features & Use Cases
- Create and edit a .canvas file that contains two top-level arrays: nodes and edges, with each node requiring id, type, x, y, width, and height.
- Connect nodes with edges using fromNode and toNode references, and optionally specify geometry and labels for clarity.
- Validate canvas data against the JSON Canvas Spec 1.0 structure, ensuring IDs are unique and edge references resolve to existing nodes.
- Use cases include building mind maps, flowcharts, project diagrams, or embedded diagrams inside Obsidian notes for rapid visualization.
Quick Start
Create a new .canvas file with the base structure and add two connected nodes.