Dynamic popups (“popovers”) on published diagrams

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)

Exporting html diagrams – binding to live services

This post briefly explains how to bind Visio diagram, exported as HTML to some external live web-service. It’s based on the HTML/SVG export extension. If you want the exported diagram to be connected to some live data,  you’ll need to connect to some live service (in this example, we consider a REST service). In the following posts, I’ll discuss binding a diagram to a SharePoint list using JSOM / REST. So, let’s take map of Europe and show temperature by coloring countries, with colder colors indicating colder temperature! You can check the result in DEMO section (click the picture to navigate): Here is …

Exporting Visio diagrams as html

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!