{"enrichment":{"faq":[{"a":"json-canvas helps you create .canvas files by building JSON structures that Obsidian recognizes. Start by defining nodes (text, file, link, or group types) with unique IDs and x/y coordinates for positioning. Add edges to connect nodes, then save as a .canvas file. json-canvas validates your node IDs and connections to ensure the file loads correctly in Obsidian.","q":"How do I create canvas files in Obsidian?"},{"a":"json-canvas follows the JSON Canvas Spec 1.0 standard. A .canvas file contains two main arrays: nodes (with id, type, x, y, width, height, and content properties) and edges (with id, fromNode, fromSide, toNode, toSide properties). Groups organize nodes visually. json-canvas validates that all node references in edges exist and match their IDs correctly.","q":"What is the JSON Canvas file format and structure?"},{"a":"json-canvas lets you add multiple node types: text nodes for labels, file nodes linking to Obsidian documents, link nodes for URLs, and group nodes for organization. Each node needs a unique ID and x/y positioning. Connect nodes using edges by specifying fromNode, toNode, and which sides they connect from (top, bottom, left, right). json-canvas ensures all connections reference valid node IDs.","q":"How can I add nodes to a canvas file and connect them?"},{"a":"json-canvas supports building mind maps, flowcharts, and project boards in Obsidian Canvas format. Use text nodes for ideas, file nodes to link related documents, and edges to show relationships. Group nodes help organize sections visually. Apply colors and positioning to create clear hierarchies. json-canvas validates your entire structure so your diagrams display correctly in Obsidian.","q":"Can I build mind maps, flowcharts, and project boards?"},{"a":"json-canvas validates canvas file integrity by checking that every edge references existing node IDs and that all connections are properly formed. It verifies node positioning coordinates, ensures unique IDs, and confirms that fromSide and toSide values are valid. Run validation before saving to catch reference errors and structural issues early.","q":"How do I validate my canvas file and check node references?"},{"a":"json-canvas supports colors for nodes and edges to enhance visual organization. Group nodes let you cluster related items together. You control precise x/y positioning and dimensions for each node. The JSON Canvas Spec 1.0 allows customization of text content, file links, and connection styling. json-canvas helps you apply these options consistently across your canvas files.","q":"What styling and organization options does json-canvas support?"}],"shadow_tags":["visual-diagramming","node-graph-editing","obsidian-integration","knowledge-mapping","canvas-layout","json-spec-compliance","diagram-builder","relationship-visualization"],"summary_rewrite":"Build and modify .canvas files following the JSON Canvas Spec 1.0, adding text, file, link, and group nodes with precise positioning and connections. Manage edges between nodes, apply colors, and validate your canvas structure to ensure all references resolve correctly."},"files":[{"bytes":7624,"path":"skills/json-canvas/SKILL.md","sha256":"97d1ae0728955c4203922753d5656890e5e4dd371b8306ea11884f9b510f1b85","url":"https://skillfed.io/files/kepano/obsidian-skills/json-canvas/fb43da60/SKILL.md"}],"id":"kepano/obsidian-skills/json-canvas","links":{"html":"https://skillfed.io/kepano/obsidian-skills/json-canvas","md":"https://skillfed.io/kepano/obsidian-skills/json-canvas.md","repo":"https://github.com/kepano/obsidian-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":3096,"language":null,"last_updated":"2026-06-08","license":"MIT","name":"json-canvas","publisher":"kepano","stars":43483},"relations":{"similar":[{"id":"family3253/skill/kepano-json-canvas"},{"id":"SpaceZephyr/myskill/json-canvas"},{"id":"oldwinter/skills/json-canvas"},{"id":"freestylefly/canghe-skills/json-canvas"},{"id":"kv0906/pm-kit/json-canvas"},{"id":"jackjin1997/ClawForge/json-canvas"},{"id":"julianobarbosa/claude-code-skills/json-canvas"},{"id":"breferrari/obsidian-mind/json-canvas"},{"id":"evolution-foundation/evo-nexus/obs-json-canvas"},{"id":"guanyang/open-agent-hub/json-canvas"}]},"slug":{"owner":"kepano","repo":"obsidian-skills","skill":"json-canvas"},"version":"fb43da60"}