Embed Visio diagram in modern SharePoint pages

My wrapper SPFx web part for embedding Visio diagram in modern SharePoint page has been just published in the Microsoft store (it’s free and open source).

The app has been validated by Microsoft SPFx validation team and now available in the app catalog:

The WebPart details:

Diagram Frame WebPart

The WebPart embeds Visio diagram in a modern SharePoint page with richer display options (default zoom, page, etc) thant the default "File Viewer". It is somewhat similar to the "Visio Web Access" web part in the "classic" SharePoint. In addition to the stock "File Viewer" web part which you could use to display Visio diagram, this one features the following:

  • File Browser
    File browser, specific to Visio diagrams
  • Start Page
    You can specify which page to show first. You can specify either page name (like “My Second Page”), This only works if the diagram has more than one page. In case the page you selected does not exist, it will default to the first page.
  • Select default zoom level
    You can set the default zoom level for the diagram.
  • Full width and application page mode support
    You can add the web part as an application page.
  • Support for custom width/height setting
    You can specify the width and height of the diagram. Can be in percents (also percent of the screen) or actual measurement units (like the classic “Visio diagram view”).
  • Support disabling menu items
    You can optionally hide diagram toolbar, diagram boundary, border
  • Support disabling some interactivity
    You can optionally disable hyperlinks, zoom, pan, and the navigator

For more information, please check the web part site:



You can install it directly from the App Store, or you can download a package from GitHub and install it manually:

How to add an app from SharePoint Store:

Download this release:


Full source code:

If you have any ideas or found a bug, feel free to file an issue on GitHub

Leave a Reply