Skip to main content

Supported embedded formats

When you choose to embed instead of export your diagram, draw.io will generate text (code) that you can copy and paste into a web page, or sometimes into an application (if that application supports embedded images or HTML).

Embedded image​

  1. Select File > Embed > Image, change the options as needed, then click Embed.
    Choose the settings for the embedded image
  2. The HTML for the embedded image will be generated. Copy and paste this into your web page or application.
    Copy and paste the embedded image code into your website or application

You can Export this code to save it as a text .txt file.

Embedded SVG​

Select File > Embed > SVG, change the options as needed, then click Embed to generate the SVG with the diagram data encoded within it.
Options available when you export your diagram to embeddable SVG markup

Embedded HTML or iFrame​

You can embed HTML with the draw.io viewer displaying your diagram into your web page.

Select File > Embed > HTML, change the options as needed, then click Embed to generate the HTML code.
Generate a HTML code version of your diagram

Embed a diagram in Microsoft Office​

Install the draw.io apps for Microsoft Office applications, including Word, PowerPoint and Excel, to be able to embed diagrams in your documents.

See how to use the draw.io apps with Microsoft Office

Embed a diagram in Notion​

  1. Select File > Embed > Notion, change the options as needed, then click Create.
    Choose the settings for the embedded code for Notion

You can Preview this in a new browser tab, or Export this code to a text file. Copy and paste the code into your Notion page.
Copy and paste the generated diagram code into a Notion page