How to embed Visio Diagram on a SharePoint page

If you developed a diagram in the Visio application, there is an easy way to embed it in SharePoint. In this article, I will explain a few ways to do so.

Option 1: Embed Visio Diagram Using File and Media Web part

File and Media Web Part is a SharePoint web part that allows you to embed other file types inside the SharePoint page. For example, you can embed Word, Excel, or PDF files and display them on the page. This web part also allows us to embed Visio file types. Here is how it works.

1. Upload a Visio file (*.vsdx file type) to the SharePoint document library
2. Next, edit the page where you want to embed the diagram, click the “+” sign to add web parts, and choose File and Media.
3. Browse to the library/folder where the Visio file resides and select the file.
4. This will embed the Visio file on a SharePoint page. Click Republish to publish the page.

Option 2: Embed Visio Diagram using the Embed Web Part

There is also another way to embed Visio on a SharePoint page. For this, we will use the versatile Embed Web Part. It is actually a bit more involved than Option 1. While Option 1 is a preferred and much simpler option, this technique provides a bit more control if you wish to alter the embedded diagram. Let me explain.

1. Open the Visio diagram by clicking on it in SharePoint
2. By default, it will open the diagram in Editing mode. Switch it to Viewing.
3. Click on the three dots and click on Embed to generate the embed code.
4. Copy the embed code.
5. Next, edit the page and add the Embed Web Part.
6. Click on the Add embed code button
7. Paste the code and Republish the page by clicking the Republish button.
8. This will embed the diagram on the SharePoint page.

Important information about embedding Visio files in SharePoint

• The users do not need any Visio licenses to be able to embed or view embedded Visio diagrams in SharePoint
• If your Visio diagram contains multiple pages, the embedded Visio will, by default, display the last saved page within the Visio file. There is no way to alter it.
• There is no way to (automatically) zoom in or pan the diagram using any of the above options. However, users can do so manually on the embedded file
• While both of the options above achieve the same outcome, the second option (via the Embed Web Part) allows for minor customizations, such as adding URL parameters or altering the size of the embedded diagram. Perhaps I will describe this in one of my future articles.