/tags/embed/Recent content in Embed on Layer5 DocumentationHugoen/kanvas/guides/designs/embedding-designs/Mon, 01 Jan 0001 00:00:00 +0000/kanvas/guides/designs/embedding-designs/<p>An embedded design is an interactive picture of a design on your own page. Readers can pan and zoom it, but cannot edit it. It is a static export: Kanvas gives you a JavaScript module file and a snippet that loads it.</p> <h2 id="how-an-embed-works" class="heading-link"> How an embed works <a href="#how-an-embed-works" class="heading-anchor" aria-label="Permalink to this heading">🔗</a> </h2> <ul> <li><strong>It is a snapshot.</strong> The file holds the canvas as it was at export time: node positions, element styles, and inline background images converted to data URLs where the fetch succeeded. Later edits to the design do not change an exported file. Re-export to refresh it.</li> <li><strong>It needs no Layer5 Cloud at view time.</strong> The page makes no request to Layer5 Cloud, so the embed works for private designs and keeps working if the design is deleted. Anyone who can read your page can read the embedded design data.</li> <li><strong>It is view only.</strong> Layout is fixed to the exported positions. Selection and box selection are disabled, zoom is limited to 0.5x to 6.6x, and there is no editing, component configuration, relationship evaluation, or live cluster data.</li> <li><strong>It loads one library.</strong> The page fetches the Cytoscape library (version 3.27.0) from a public CDN, so viewers need outbound access to it. A Meshery logo link, which opens meshery.io, is drawn at the bottom right of the canvas. No option removes it.</li> <li><strong>It has no parameters.</strong> Width, height, theme, background, and zoom are not options. The container&rsquo;s CSS sets the size.</li> <li><strong>There is no iframe embed.</strong> Kanvas offers no embed URL for the app itself.</li> </ul> <p>Embedding needs no permission key and no paid plan.</p>