HTML Export


This Visio Addin allows you to publish Visio diagram as HTML page. It uses it’s own HTML export engine, bypassing the built-in export.
It uses open SVG standard for generating diagrams, providing some decent advantages over the stock export engine.

This Visio Addin allows you to publish Visio diagram as HTML (web page).

It uses it’s own HTML export engine, bypassing the built-in export.
It uses open SVG standard for generating diagrams, providing some decent advantages over the stock export engine.

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.

14-01-2017 16-40-02  stuhlek

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).

  • 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. Like in the example above.
  • 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 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.1.2.msi SVG Publish Addin v. 1.1 (beta). New features: search support, option to open links in new window, custom templates support.2.1 MiB06.03.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