A new feature that allows you to play with scripting for the new Visio Online with comfort. Live shape updates, autocomplete, parameter info right out of the box.
The SVG publishing plugin Visio API documentation has been added!
– Exporting Visio diagrams to disk, sharepoint, github
– Getting / Setting any export parameters (paths, options, authorizations, etc)
Consider a following scenario: you have a diagram containing network devices (servers) and you want to start PUTTY client when any of those devices is clicked to open SSH session to a corresponding device. And you want that to be on a webpage.
A possible solution to that on windows is to register a custom application protocol and map it to launch an executable. You can see a common example when “callto:” link opens Skype. Here are some explanations. This works for all major browsers, works also in Visio (without any macros).
With Visio (and a tiny SVG Publish script), this approach can be improved. Suppose you have a rack diagram, which already has all server addresses ready. SVG Publish can convert the data into custom links that can be used to launch an executable (PuTTY in this example).
With HTML export, you can specify any information to show on popup (bootstrap popover) Firs, simple demo (rectangle): Live sample: https://cdn.rawgit.com/nbelyh/svgpublishdemo/fa70891f/SimplePopover.html Souce: This is just stock popover. The code just defines a standard bootstrap popover, but for a Visio shape (#shape1). The result might not look that impressive, but I hope it looks clear. Now let’s go for something more advanced. Lets take stock diagram and show in the popover info about the relevant computer models from the HP website. Click the image to open it live (again, hosted on GitHub)
Do you want to build interactive diagrams which are available via web? Well, Visio SharePoint Services are there, but what if you want to go one step further than that and control/animate shapes more precisely and use standard css3 animations for example, or if you don’t have / don’t need SharePoint Enterprise? The good old HTML/SVG export is here to help you with that! And yes, you can still have your diagrams in SharePoint. Or on GitHub pages. Or on your network drive 🙂 Check out what you can do with that!
This page contains a list of samples produced with HTML/SVG Export Addin. All samples are exported to GitHub Pages, you can find them in this GitHub repository: https://github.com/nbelyh/svgpublishdemo Stuhlek (Ski Region) interactive map Demonstrates animations and linking to live data (via ajax and html). Means, data for lifts and slopes is live (taken online from the official site). The lifts that are turned off/closed don’t move. Live: https://nbelyh.github.io/svgpublishdemo/stuhlek3.html Source: Pokemon Office Plan Demonstrates html popups with pictures and hyperlinks. Live: https://nbelyh.github.io/svgpublishdemo/PokemonBldgPlan.html Source: Suzuki FA50 Motorcycle wiring schematics Demonstrates layers functionality. Allows to turn layers (containing wires) on/off to see what is connected to what. …