skills.rest
EmaRimoldi
EmaRimoldiCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and validate JSON Canvas files with unique IDs and edge references.

Updated Mar 27, 2026
Search Tags:#nodes#flowchart#visualization#canvas#edges#mind-map#json-canvas
One-click install
npx skills add https://github.com/EmaRimoldi/Claude-scholar-extended --skill json-canvas-emarimoldi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/EmaRimoldi/Claude-scholar-extended/tree/main/skills/json-canvas
Command: npx skills add https://github.com/EmaRimoldi/Claude-scholar-extended --skill json-canvas-emarimoldi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas provides a structured way to model and visualize relationships between items using a standard canvas format, enabling easy creation, editing, and validation of graph-like data.

Core Features & Use Cases

  • Create new canvases with a base structure {"nodes": [], "edges": []} and add nodes, edges, and groups according to the JSON Canvas Spec.
  • Validate IDs and edge references to ensure all references are resolvable, and coordinate layouts following spacing and alignment guidelines.
  • Use cases include mind maps, flowcharts, project canvases, and research canvases within Obsidian or other JSON-based workflows.

Quick Start

Create a new .canvas file with the base structure {"nodes": [], "edges": []} and begin by adding a first node and then edges to connect it.

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 JSON Canvas file for a mind map or flowchart?▼

To create a JSON Canvas file, initialize it with the base structure {"nodes": [], "edges": []} and begin by adding your first node, then create edges to connect them. This enforces a structured format for modeling relationships between interconnected ideas.

What is JSON Canvas used for in data visualization?▼

JSON Canvas is used to visualize and manage interconnected ideas and data through a standard canvas format. It enables quick prototyping and iterative design for project canvases, research boards, and flowcharts within Obsidian or other JSON-based workflows.

Does JSON Canvas validate node IDs and edge references?▼

Yes, JSON Canvas validates IDs and edge references to ensure all connections are resolvable. It enforces a base structure and checks coordinate layouts according to spacing and alignment guidelines to maintain graph integrity.

Can I use JSON Canvas workflows with Obsidian?▼

Yes, JSON Canvas is fully applicable to workflows within Obsidian and other JSON-based environments. You can create, edit, and validate .canvas files to manage project canvases and research boards seamlessly.

What is the best way to structure a canvas file before adding nodes and edges?▼

The best way to structure a canvas file is starting with the base structure {"nodes": [], "edges": []}. From there, add nodes, edges, and groups according to the JSON Canvas Spec, ensuring unique IDs and valid edge references.

Why does my JSON Canvas edge validation fail when connecting nodes?▼

Edge validation in JSON Canvas fails when references between nodes are unresolvable or duplicate IDs exist. The system enforces unique IDs and validates all edge references to ensure the canvas structure remains intact and error-free.

Related Skills

Explore More Design & Creative Skills→
CodingHeaderCodingHeader

json-canvas

Create and edit JSON Canvas files with nodes and edges for visual maps.

Community
Intermediate
tc9011tc9011

json-canvas

Create and edit JSON Canvas files with nodes, edges, and groups.

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

Create and edit JSON Canvas .canvas files with nodes, edges, and groups.

Community
Basic
pax-kpax-k
6

json-canvas

Create and edit JSON Canvas diagrams with nodes and edges.

Community
Intermediate