HTML Export

The SVG Export Visio Extension allows you to publish a Visio diagram as HTML page. It uses it’s own custom HTML export engine, and SVG output format for the generating diagrams, providing some advantages over the stock export.

Below you can see some sample exported pages. You can open them live by clicking the picture.
For more examples, please check out the examples page.

For the details / feature description, please refer to the documentation.
For the developer documentation / api reference please refer to the API documentation.

The published diagram is available for most modern browsers (Edge, Firefox, Chrome) and modern mobile devices (smart phones and tablets). Means, it supports touch interface. You can pan/zoom the published diagrams with your fingers, or mouse wheel (works as well). Tiny demon on phone emulator:

  • It does not use anything but pure HTML5 (and SVG which is part of HTML5). Means, no browser plugins like Silverlight or Visio viewer is required. This allows the exported pages to be hosted even on GitHub page hosting.
  • The site structure does not use frames like Visio HTML export, so you can easily grab the URL for the published diagram page directly from the browser address line, and send it to another person to view.
  • The diagrams are easily customizable; they are pure HTML, no extra controls. You can access any piece of the shape (exported as SVG), and for example animate it, or change any properties of that piece with javascript. Also, the shapes are available in the browser for inspection. Also, for each element (shape) you can specify CSS class and javascript ID, so that you can easily access or customize it later from javascript. By the way, if you want to, you can add a custom javascript to the diagram directly in Visio, and your code will be running as soon as you open the published diagram. But for that functionality, there will be a separate article!

Downloading and installing

The supported versions of Visio include: Visio 2007 SP3, Visio 2010/2013/2016 (all editions, including standard).

The addin requires .NET Framework 4.5

The addin requires VSTO Runtime 4 version 10.0.50325 or later (it adds SHA-256 certificate support to the stock install. If you encounter any signature issues, please make sure the latest version of the runtime is installed. Please note that this version is installed by windows update, unless opted out).

The publishing addin can be installed both per-user (does not require admin rights) and per-computer (can be rolled out using directory services in organization).
Please download the offline installer below and follow the wizard.

FileDescriptionSizeDate
SvgExport-1.2.3.2.msi SVG Publish Addin v. 1.2.3.2 (release candidate). New features: search support, option to open links in new window, custom templates support. VisioOnline support, code editing support, tooltip/popover support.3.9 MiB29.09.2017
SvgExport-1.0.9.msi SvgPublish extension v. 1.0.9 (new feature - layers support)2.0 MiB10.02.2017
SvgExport-1.0.8.msi Visio HTML Publishing Addin v. 1.0.8 (fixed duplicate property processing)2.0 MiB20.01.2017

Features

The exported HTML supports these features right out-of-the box (can be enabled with checkboxes). The javascript to support these features is already provided (not that each feature can be turned on/off)

  • Shape properties (shape data)
  • Shape selection / hover
  • Page navigation (including Visio page references), hyperlink single-click navigation to drill down
  • Tooltips (not limited)
  • Single page / All page export

The addin directly supports now 3 type of targets:

  • Simple plain-page HTML export to local disk. You get the static HTML files and you can do whatever you want wit them (put them to hosting, just open in the browsers, etc)

14-01-2017 17-02-36

  • SharePoint page export. You can export the pages directly to your SharePoint environment, using secure connection. The addin supports these types of SharePoint authentications: Windows Authentication (NTLM/Kerberos), SharePoint online (Office 365), Anonymous, Forms, AD FS (Claims). You can select target site and libraries where to put the file(s). Note that enterprise edition is not required, it will work with any edition

  • GitHub Pages export. You can put your files to GitHub for anyone to see. GitHub page hosting is a free page hosting from GitHub. It’s also becomes very handy if you want to start hacking the page, adding extra functionality, such as custom javascripts, to create e.g. a dynamic dashboard.

The export addin is free for individuals. It’s not free for commercial organizations. Please click the link below for ordering information.

 

Order a Business License