json-canvas

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

Updated Dec 26, 2023
One-click install
npx skills add https://github.com/Selogaz/Obsidian-vault-cpp --skill json-canvas-selogaz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/Selogaz/Obsidian-vault-cpp/tree/main/skills/json-canvas
Command: npx skills add https://github.com/Selogaz/Obsidian-vault-cpp --skill json-canvas-selogaz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas enables visually structured idea mapping by defining nodes and edges in a portable JSON format.

Core Features & Use Cases

  • Create text, file, link, and group nodes with positional data and sizes
  • Connect nodes with edges referencing valid node IDs
  • Validate JSON canvases and edit diagrams for planning and documentation

Quick Start

Create a new .canvas file with the base structure and add a couple of 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 diagram for project planning?

To create a JSON Canvas diagram, generate a .canvas file with a base structure and add text, file, link, or group nodes with positional data, connecting them using edges that reference valid node IDs.

What is JSON Canvas and when do I need it for knowledge mapping?

JSON Canvas is a portable JSON format that enables visually structured idea mapping by defining nodes and edges, needed for brainstorming, project planning, and knowledge mapping where visual representation is required.

Can I validate node IDs and edge references in a .canvas file?

Yes, JSON Canvas enforces valid IDs, node types, and edge references through basic validation, ensuring that edges reference valid node IDs and that the overall canvas structure remains consistent.

What types of nodes can I use when building a JSON Canvas visualization?

When building a JSON Canvas visualization, you can create text, file, link, and group nodes, each configured with positional data and sizes to structure your diagram.

How do I edit an existing JSON Canvas diagram without breaking the structure?

You edit an existing JSON Canvas diagram by modifying nodes and edges while relying on the provided ID generation and validation rules to maintain consistent canvas structure and prevent broken edge references.

Are there limitations to the JSON Canvas format for complex diagram visualization?

JSON Canvas provides a base structure with basic validation for consistent canvases, meaning it focuses on fundamental node and edge representation rather than advanced visualization or complex automated layout features.