skills.rest
SergeiGolos
SergeiGolosCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

Generate and modify JSON Canvas files with nodes and edges.

1|Updated Dec 21, 2024
Search Tags:#obsidian#flowchart#node editor#mind map#visual organization#json canvas
One-click install
npx skills add https://github.com/SergeiGolos/wod-wiki --skill json-canvas-sergeigolos
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/SergeiGolos/wod-wiki/tree/main/.agent/skills/obsidian-json-canvas
Command: npx skills add https://github.com/SergeiGolos/wod-wiki --skill json-canvas-sergeigolos

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill allows for the programmatic creation and editing of JSON Canvas files, which are used for visual organization in applications like Obsidian.

Core Features & Use Cases

  • Node Creation: Supports text, file, link, and group nodes with customizable attributes (position, size, color).
  • Edge Creation: Enables connections between nodes with various styling options.
  • Use Case: Generate a visual flowchart for a software development process, including start/end points, decision branches, and task descriptions, all defined in a .canvas file.

Quick Start

Create a new JSON Canvas file with a single text node containing the heading 'My First Canvas'.

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 Obsidian programmatically?▼

To create a JSON Canvas (.canvas) file, you define nodes (text, file, link, group) and edges with specific positioning, sizing, and styling attributes. This process generates visual mind maps and flowcharts for note-taking applications.

Can I generate a visual flowchart in a .canvas file without manual drawing?▼

Yes, generating a visual flowchart in a .canvas file programmatically involves defining start/end points, decision branches, and task descriptions as interconnected nodes and edges, bypassing manual drawing interfaces.

What types of nodes are supported by the JSON Canvas specification?▼

The JSON Canvas specification supports text, file, link, and group nodes. These nodes can be customized with precise attributes for position, size, and color to facilitate visual organization.

How do I connect nodes with edges in a JSON Canvas file?▼

You connect nodes by creating edges between them, which support various styling options. This allows you to define relationships and connections within your visual mind maps or project boards.

Does this method for creating JSON Canvas files require any external dependencies?▼

No external dependencies are required to programmatically create and modify JSON Canvas files. You can generate the structured JSON data directly to output a valid .canvas file for visual organization.

What is the best way to organize a project board using JSON Canvas?▼

The best way to organize a project board using JSON Canvas is to combine group nodes for categorization with text and link nodes for tasks, connecting them with styled edges to map out workflows visually.

Related Skills

Explore More Design & Creative Skills→
kimgeakimgea

json-canvas

Generate and edit JSON Canvas files with nodes and edges.

Community
Intermediate
glfruitglfruit

obsidian-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Advanced
maedmattmaedmatt
3

json-canvas

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

Community
Basic
shekerkammashekerkamma

graphviz

Generate Graphviz DOT diagrams from plain-text descriptions for graphs.

Community
Intermediate