JSON Canvas Spec

kepano 15 minutes ago | parent | next [-]

I'm not sure why it popped up today, but it's nice to see it on HN again! A brief timeline with some links to past discussions:

- 2022: The .canvas open format was created for Obsidian Canvas [0].

- 2024: Official 1.0 spec of JSON Canvas [1].

- 2024-2025: A number of apps/libraries built up around conversion, storage, and import/export [2].

- 2026: Obsidian Skills [3] includes support for .canvas (along with .md and .base) to make it easy for LLMs to read/write JSON Canvas, and opens interesting visualization/interaction patterns with agents.

[0]: https://news.ycombinator.com/item?id=34066824

[1]: https://news.ycombinator.com/item?id=39670922

[2]: https://jsoncanvas.org/docs/apps/

[3]: https://github.com/kepano/obsidian-skills

▲

bryanrasmussen 2 hours ago | parent | prev | next [-]

It would be useful to have examples of data and the representation this would result in.

Although you can go to https://jsoncanvas.org/ itself and see an example rendering, you cannot see the exact data that created it - I think, although you can sort of guess since the element names are stuff like node.

I sort of doubt this is the best data structure for representing this kind of thing. Maybe I'm wrong though but I would think I would go for something like https://github.com/jsongraph/json-graph-specification which strikes me as closer to graphml which I have some experience with, and maybe give it ability to embed videos etc. (which for all I know someone already has)

This is all an initial feeling though, like hmm, no I think it's wrong, and maybe I am just not seeing why this would be better than another solution.

▲

kepano 2 hours ago | parent [-]

You can see the data it created. Just click "Toggle output" in the bottom right corner.

	▲	crazygringo 19 minutes ago \| parent \| next [-]
		Oh, thanks. Those buttons seem designed to be as inconspicuous as possible. This just looks like a pretty normal homepage. It was not obvious to me at all that the homepage was an actual dynamically rendered canvas, as opposed to just canvas-"themed".
	▲	bryanrasmussen an hour ago \| parent \| prev [-]
		ah ok, sorry about that. I didn't really look at that part of the UI much, noticed it had some zoom stuff, noticed I couldn't zoom normally and scroll to where I wanted to read, was somewhat miffed.

▲

whycombinetor 34 minutes ago | parent | prev | next [-]

Previously posted in 2022 as Obsidian Canvas before being open sourced in 2024 https://news.ycombinator.com/item?id=34066824

▲

obsidianbases1 37 minutes ago | parent | prev | next [-]

I've used canvas quite a bit since it was release in Obsidian. It's good, not great, but the simplicity of the file type opens up a lot of opportunities to build on top of it.

	▲	kepano 2 minutes ago \| parent \| next [-]
		What would make it great in your eyes?
	▲	big_toast 17 minutes ago \| parent \| prev [-]
		It took me a while to start using canvases. But now I think they should be a much more common UI pattern. They really shine on large (40"+ non-retina 4k) screens. The simplicity at launch made me feel more confident in using them at all. I don't use most of the other obsidian features/plugins.

▲

Garlef an hour ago | parent | prev | next [-]

I'm not sure about this:

An "infinite" canvas without some notion of recursion such as viewports feels incomplete.

	▲	kepano 30 minutes ago \| parent [-]
		A file node can be a .canvas, so a .canvas can have nested canvases. Obsidian's implementation of JSON Canvas supports this.

▲

makeitrain 2 hours ago | parent | prev | next [-]

Looks cool. I recently hit some limits with mermaid and this seems a little more flexible.

▲

MoonWalk 2 hours ago | parent | prev [-]

Are pixels really the best way to encode position at this point?

	▲	Garlef an hour ago \| parent \| next [-]
		Agreed. The upside is that it does not leave the most important aspect open to interpretation. But it prevents this from being text-only at the point of creation: You'll most likely need some programmatic environment to create non-trivial diagrams. But then the question is: Why not just an SVG instead?
	▲	9wzYQbTYsAIc 31 minutes ago \| parent \| prev [-]
		I’m playing with 3d positions derived from higher dimensions, right now.