Generate spatial JSON canvas diagrams with positioned nodes and edges.
npx skills add https://github.com/markdown-viewer/skills --skill canvas-markdown-viewer
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/markdown-viewer/skills/tree/main/canvas Command: npx skills add https://github.com/markdown-viewer/skills --skill canvas-markdown-viewer
Enable creators to build spatial, coordinate-precise diagrams without manual drawing by describing nodes, sizes, positions, and connections in JSON so layouts are repeatable, editable, and programmatically generated.
Generate a canvas JSON with nodes and edges positioned on a 100px grid to produce a simple three-node flow diagram.
High-intent search queries and answers about installing and using this skill.
To generate a JSON diagram, define nodes with explicit x/y coordinates, width, height, and edges with explicit endpoints. This creates repeatable, coordinate-precise spatial layouts on a pixel grid without manual drawing.
When building a knowledge graph in JSON, you can use text, file, link, and group node types. These nodes support configurable edges, color presets, and group containers for visual organization of your spatial diagram.
Yes, JSON canvas is ideal for mind maps requiring deterministic placement. By specifying exact x/y positions and node sizing in JSON, layouts become repeatable, editable, and programmatically generated rather than manually drawn.
The best way to structure a planning board using spatial JSON is to place free-positioned nodes on a coordinate grid, utilizing group containers for organization. Validate node attributes and edge endpoints to ensure explicit spatial relationships.
Yes, the JSON canvas format validates edge endpoints, coordinate bounds, and color presets. This validation ensures that node attributes and explicit connections remain accurate within your programmatically generated concept maps or architecture sketches.
omardelarosaCreate and edit JSON Canvas files with nodes, edges, and color specifications.
wyhlovecppConvert structured text into interactive Obsidian Canvas mind maps.
flowing-abyssCreate and edit JSON Canvas files with nodes and edges.
okw0204Create and edit JSON Canvas files with nodes and edges in Obsidian.