Json Canvas
Build and modify valid JSON Canvas files that power infinite canvas applications like Obsidian. Supports four node types—text, file, link, and group—plus edges with customizable endpoints and labels. Position elements precisely, apply colors, and organize content visually.
Json Canvas creates and edits JSON Canvas files (.canvas) with nodes, edges, and groups for visual organization.
AI-generated summary based on this skill's SKILL.md
Install
freestylefly/canghe-skills/json-canvas · repository language: TypeScript
git clone https://github.com/freestylefly/canghe-skills
cp -r canghe-skills ~/.claude/skills/json-canvasgenerated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Json Canvas and what can it do?
Json Canvas is a tool for building and modifying valid JSON Canvas files that power infinite canvas applications like Obsidian. It supports four node types—text, file, link, and group—plus edges with customizable endpoints and labels. You can position elements precisely, apply colors, and organize content visually on a canvas.
How do I visualize JSON on canvas with Json Canvas?
Json Canvas enables you to visualize and render JSON data on an HTML canvas by converting JSON structures into canvas-based graphics. The tool lets you transform your JSON data into interactive visual representations, making it easy to see and work with complex data structures in a graphical format.
What node types does Json Canvas support?
Json Canvas supports four node types: text nodes for displaying information, file nodes for referencing files, link nodes for creating connections, and group nodes for organizing related elements. Each node type can be positioned, colored, and connected with customizable edges that include endpoints and labels.
Can I use Json Canvas for interactive JSON data display?
Yes, Json Canvas supports interactive JSON data display on canvas. You can use it to create dynamic, canvas-based visualizations where you interact with your JSON data, modify node positions and properties, apply custom colors, and organize your content visually within an infinite canvas environment.
How do I render JSON canvas and integrate it into projects?
Json Canvas generates valid JSON Canvas files compatible with infinite canvas applications like Obsidian. You can integrate Json Canvas functionality into your projects by using the files it creates, leveraging the supported node types and edge customization options to build canvas-based JSON viewers and visualization tools.
What makes Json Canvas a JSON visualization and rendering tool?
Json Canvas converts JSON structures into canvas-based graphics, functioning as both a JSON visualization tool and rendering engine. It provides a complete solution for transforming JSON data into interactive canvas displays with precise positioning, color customization, and organizational capabilities for complex data representation.