json-canvas

Create and edit JSON Canvas files with nodes and edges.

Updated May 18, 2018
One-click install
npx skills add https://github.com/812lcl/dotfiles --skill json-canvas-812lcl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/812lcl/dotfiles/tree/main/.agents/skills/json-canvas
Command: npx skills add https://github.com/812lcl/dotfiles --skill json-canvas-812lcl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas provides a simple, extensible way to model visual data structures as JSON, enabling easy creation, editing, and sharing of canvas-based diagrams without specialized tooling.

Core Features & Use Cases

  • Create and edit canvas files with nodes and edges following the JSON Canvas Spec 1.0.
  • Build mind maps, flowcharts, project boards, and file/link previews to visualize relationships.
  • Use in note environments (e.g., Obsidian) to organize ideas and references visually.

Quick Start

Create a new .canvas file with the base structure {"nodes": [], "edges": []} and start adding nodes and edges to visualize your idea.

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 model a mind map or flowchart?

To create a JSON Canvas file, you start with a base structure containing empty nodes and edges arrays, then populate them with elements to model your mind map or flowchart. This provides a simple, extensible way to visualize structured diagram relationships.

What is the JSON Canvas format used for in note environments?

The JSON Canvas format is used to model visual data structures as JSON, enabling the creation and editing of canvas-based diagrams like project boards and file previews. It helps organize ideas and references visually in note environments without specialized tooling.

Does Obsidian support editing JSON Canvas files with nodes and edges?

Yes, you can use JSON Canvas files in note environments like Obsidian to organize ideas and references visually. The format follows the JSON Canvas Spec 1.0, ensuring valid schema with proper node and edge structures for your diagrams.

What are the schema constraints when building a JSON Canvas diagram?

Building a JSON Canvas diagram enforces a valid schema with 16-character IDs and proper node and edge structures. You can also include optional references to scripts, assets, or documentation within your structured canvas files.

How does JSON Canvas compare to other diagram visualization tools?

JSON Canvas provides an extensible way to model visual data structures as JSON without needing specialized diagram tooling. Unlike proprietary formats, it uses a simple, text-based structure that is easy to create, edit, and share across different platforms.

Can I use JSON Canvas to build project boards and file link previews?

Yes, you can use JSON Canvas to build project boards and file or link previews. It supports creating nodes and edges that visualize relationships across teams or ideas, making it applicable for various structured diagram use cases.