{ "nodes": [ {"id": "group-basics", "type": "group", "label": "The four node types", "x": -520, "y": -320, "width": 1100, "height": 480, "color": "6"}, {"id": "text", "type": "text", "text": "## text\n\nMarkdown: **bold**, *italic*, `code`,\n[links](https://jsoncanvas.org) and lists.\n\n- [x] renders inline\n- [ ] edit with a double-click", "x": -480, "y": -250, "width": 300, "height": 200, "color": "5"}, {"id": "file", "type": "file", "file": "../README.md", "subpath": "#What it does", "x": -140, "y": -250, "width": 320, "height": 380}, {"id": "link", "type": "link", "url": "https://jsoncanvas.org/spec/1.0/", "x": 220, "y": -250, "width": 320, "height": 140}, {"id": "note", "type": "text", "text": "### group\n\nThe box around all of this is a group node. Drag it and everything inside comes along.", "x": 220, "y": -60, "width": 320, "height": 190, "color": "3"}, {"id": "edges", "type": "text", "text": "## Edges\n\nSides, arrow heads, labels and colours are all part of the format — set them in the inspector.", "x": -480, "y": 240, "width": 320, "height": 160, "color": "4"} ], "edges": [ {"id": "edge-1", "fromNode": "text", "fromSide": "right", "toNode": "file", "toSide": "left", "label": "previews"}, {"id": "edge-2", "fromNode": "file", "fromSide": "right", "toNode": "link", "toSide": "left", "color": "2"}, {"id": "edge-3", "fromNode": "text", "fromSide": "bottom", "toNode": "edges", "toSide": "top", "fromEnd": "arrow", "toEnd": "arrow", "label": "both ends"} ] }