Obsidian Canvas support
Flowershow now renders Obsidian Canvas (.canvas) files as SVG diagrams, both as standalone pages and inline embeds in markdown.
Flowershow now supports Obsidian Canvas files. Canvas files (.canvas) are automatically rendered as visual SVG diagrams showing your nodes, connections, and colors – no configuration needed.
What's supported
- Standalone canvas pages – any
.canvasfile in your content gets its own page, e.g.Roadmap.canvasrenders at/@user/project/Roadmap.canvas - Inline embeds – embed a canvas in any markdown page with
![[my-diagram.canvas]]or - Obsidian color presets – all 6 node color presets are rendered
- Edges – connections between nodes render as bezier curves, with support for edge colors and labels
- Text cards, file nodes, and node labels
How it works
Canvas files follow the open JSON Canvas specification. When you sync your vault, Flowershow detects .canvas files, parses the JSON, and renders them as inline SVGs. The rendering is built on the @trbn/jsoncanvas TypeScript bindings, with SVG rendering adapted from rehype-jsoncanvas.
Current limitations
Canvas rendering is static – no zoom, pan, or interactivity yet. Text inside nodes is plain text without markdown formatting. Update: text nodes, image embeds, and note embeds now render with full markdown formatting – see the March 26 update.
For full details, see the Canvas documentation.
