json-canvas

Create and edit JSON Canvas diagrams with nodes and edges.

6|2|Updated May 11, 2026
One-click install
npx skills add https://github.com/pax-k/war-gov-uap-wiki --skill json-canvas-pax-k
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/pax-k/war-gov-uap-wiki/tree/main/.agents/skills/json-canvas
Command: npx skills add https://github.com/pax-k/war-gov-uap-wiki --skill json-canvas-pax-k

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about json-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a valid JSON Canvas file for Obsidian?

To create a valid JSON Canvas file, structure your JSON with two top-level arrays named nodes and edges. Each node requires id, type, x, y, width, and height attributes, while edges must use fromNode and toNode references to connect existing nodes.

What is the JSON Canvas Spec 1.0 schema structure?

The JSON Canvas Spec 1.0 schema is a lightweight, JSON-based format for modeling visual graphs. It enforces a strict structure containing nodes and edges arrays, requiring unique node IDs, positional coordinates, and valid edge connectivity references.

How do I validate JSON Canvas edges and node references?

Validate JSON Canvas data by checking that all node IDs are unique and that every edge's fromNode and toNode attributes resolve to existing nodes within the nodes array, ensuring strict compliance with the JSON Canvas Spec 1.0.

Can I use JSON Canvas to build flowcharts and mind maps?

Yes, you can use JSON Canvas to build flowcharts, mind maps, and project diagrams. Its simple node-edge structure allows you to map visual graphs for planning and rapid visualization within Obsidian or other compatible tools.

Does JSON Canvas support custom geometry and labels for edges?

Yes, JSON Canvas supports custom geometry and labels for edges. When connecting nodes using fromNode and toNode references, you can optionally specify geometry attributes and labels to provide better clarity for your visual diagrams.

Why are my JSON Canvas edge connections not resolving?

Edge connections fail to resolve when fromNode or toNode references do not match existing node IDs. The JSON Canvas Spec 1.0 requires strict schema validation, meaning all edge references must point to valid, uniquely identified nodes in the nodes array.