skills.rest
chuan-khuna
chuan-khunaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

Create and modify JSON Canvas files with nodes and edges.

3|1|Updated Mar 5, 2024
Search Tags:#validation#nodes#canvas#mind map#diagram#edges#json canvas
One-click install
npx skills add https://github.com/chuan-khuna/digital-garden-2024 --skill json-canvas-chuan-khuna
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/chuan-khuna/digital-garden-2024/tree/main/.vault/astro-knowledge/.agents/skills/json-canvas
Command: npx skills add https://github.com/chuan-khuna/digital-garden-2024 --skill json-canvas-chuan-khuna

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas provides a lightweight, human-editable format to model ideas, diagrams, and workflows as structured data, simplifying collaboration and persistence of visual thoughts.

Core Features & Use Cases

  • Create and edit .canvas files with nodes and edges
  • Ensure unique node IDs and valid edge references
  • Use cases include mind maps, flowcharts, and project diagrams in notes and notebooks

Quick Start

Create a new canvas file with the base structure containing empty nodes and edges arrays, then 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 JSON Canvas file for a mind map or project diagram?▼

To create a JSON Canvas file, you start by defining a base structure with empty nodes and edges arrays, then add your diagram elements. This generates a lightweight .canvas file that models your ideas as structured data.

What is the JSON Canvas format used for in notes and notebooks?▼

The JSON Canvas format is used to provide a human-editable structure for visual thoughts like workflows and diagrams. It persists mind maps and project diagrams as structured data, simplifying collaboration within notebook environments.

How do I validate node IDs and edge references in a .canvas file?▼

Validating node IDs and edge references in a .canvas file involves enforcing schema rules to ensure every node has a unique ID and all edges point to valid nodes. This prevents broken connections in your diagram structure.

Can I edit existing canvas files to modify workflow connections and nodes?▼

Yes, you can edit existing canvas files to modify workflows by composing or adjusting nodes and edges. This allows you to update diagram connections and restructure your visual project models as needed.

Does JSON Canvas require any specific dependencies to build flowcharts?▼

No dependencies are required to build flowcharts with JSON Canvas. It operates independently to create and modify .canvas files by enforcing valid schema rules for nodes and edges directly.

Why does my JSON Canvas edge definition fail schema validation?▼

Edge definition validation fails when schema rules are not met, such as missing valid edge references or duplicate node IDs. Proper edge definitions must be enforced to ensure correct diagram connections.

Related Skills

Explore More Design & Creative Skills→
SelogazSelogaz

json-canvas

Create and edit .canvas files with structured nodes and edges.

Community
Intermediate
tsemanatsemana

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Intermediate
wildwasserwildwasser
35

obsidian-markdown

Create and edit Obsidian Flavored Markdown notes with wikilinks, embeds, callouts, and frontmatter.

Community
Intermediate
levi-qiaolevi-qiao
6

obsidian-canvas-creator

Convert textual information into Obsidian Canvas JSON files for visual diagrams.

Community
Intermediate