skills.rest
CodingHeader
CodingHeaderCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Jan 28, 2026
Search Tags:#obsidian#flowchart#visualization#data-structure#mind-map#json-canvas#nodes-edges
One-click install
npx skills add https://github.com/CodingHeader/MySkills --skill json-canvas-codingheader
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/CodingHeader/MySkills/tree/main/skills/json-canvas
Command: npx skills add https://github.com/CodingHeader/MySkills --skill json-canvas-codingheader

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files enable structured, flexible visual canvases for organizing ideas, notes, and workflows within Obsidian or compatible tools.

Core Features & Use Cases

  • Create and edit JSON Canvas files with two top-level arrays: nodes and edges, supporting text, file, link, and group nodes.
  • Build mind maps, flowcharts, and project diagrams by connecting nodes with edges and using z-index layering.
  • Real-world use: visualize a research topic as interconnected nodes to capture ideas, references, and tasks.

Quick Start

Create a new canvas with a central text node and a left-side group to organize related notes.

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 to build a mind map in Obsidian?▼

To create a JSON Canvas file, structure a JSON object with top-level nodes and edges arrays. You can build mind maps by adding text, file, link, and group nodes, then connecting them with edges to visualize your ideas within Obsidian.

What is the JSON Canvas spec and when do I need it for visualizing data structures?▼

The JSON Canvas spec 1.0 defines a structured format for flexible visual canvases using nodes and edges arrays. You need it when designing project diagrams, flowcharts, or linked notebooks to organize ideas, references, and workflows within compatible tools.

Can I use group nodes and z-index layering when designing project diagrams with JSON Canvas?▼

Yes, JSON Canvas supports group nodes and z-index layering for designing project diagrams. You can create group nodes to organize related notes and use z-index layering to manage node stacking and visual hierarchy on your canvas.

What is the best way to structure nodes and edges for a flowchart in JSON Canvas?▼

The best way to structure flowcharts in JSON Canvas is to define node types like text, file, and link, then map their relationships using the edges array. This ensures your visual map captures interconnected ideas while maintaining spec 1.0 compliance.

Does JSON Canvas support file and link nodes for connecting external references in a mind map?▼

Yes, JSON Canvas supports file and link nodes alongside text and group nodes. You can connect external references and related notes by creating these specific node types and mapping their relationships through the edges array in your visual map.

Related Skills

Explore More Design & Creative Skills→
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
lucasbenevinutolucasbenevinuto

json-canvas

Create and edit JSON Canvas files for Obsidian with nodes and edges.

Community
Intermediate
jackjin1997jackjin1997
11

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
iliagermaniliagerman
1

json-canvas

Create and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate