SvgPublish Demo Diagrams

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

Office Plan

Demonstrates html popups with pictures and hyperlinks. The templates are configured using the “custom template” feature. Shows an office plan and when a cubicle is clicked, shows occupation of that cubicle in a popup window. Now (version 1.3) with templates only (no scripts)

Open Download “PokemonBldgPlan.vsdx”

Ski Region interactive map

Demonstrates line animations and linking to live data (via API). The data for lifts and slopes can be live (taken online from the official site, (emulated).

Open Download “stuhlek3.vsdx”

Motorcycle wiring schematics

Demonstrates layers functionality. Allows to turn layers (containing wires) on/off to see what is connected to what. You can either manipulate layers on the sidebar, or click shapes to show/hide the connections.

Open Download “1981-91 Suzuki FA50 Shuttle.vsdx”

Minecraft Crafting Map

Demonstrates custom shape content templates. Shows map of how items in the Minecraft game can be crafted.

Open Download “minecraft_recipes_svgpublish1.vsdx”

Temperature map in Europe

Demonstrates binding to free weather API service. The map queries the OpenWeatherMap service, and pains the countries on the diagram respective to the current temperature in country’s capital.

Open Download “EuropeWeather2.vsdx”

Principalities in medieval Russia

Demonstrates sidebar providing content from another site, and selection options (full-shape selection instead of border box, with custom selection colors). Basically this is a timeline of the medieval Russian principalities and rulers. When you click a shape related context is displayed. Many thanks to [https://runivers.ru](https://runivers.ru) for providing this one.

Open Download “principalities.vsdx”

Engineering Problem

Tiny flowchart illustrating working with individual shapes (hiding and showing them depending on user clicks)

Open Download “EngineeringProblem.vsdx”

Org Chart Example

Shows multi-page support. Some shapes are clickable. The shapes highlighted “violet” are navigable (lead to other pages). You can click them to move between different files.

Open Download “OrgChart.vsdx”

Cell Phone Jammer

Sample diagram from visguy forum. Animated with custom javascript. Basically shows how you can use graphics produced in Visio and animate them later with javascript.

Open Download “cell-phone-jammer-2013.vsdx”

Seat Reservation

Demonstrates adding small javascript piece to a diagram to make scratch for a seat reservation system.

Open Download “Seats.vsdx”

Database Diagram

Demonstrates some custom javascript to show linked shapes. Also default panes (shape data, links, etc are hidden).
Click any table to highlight the connected tables. “Incoming” and “outgoing” tables are highlighted with different colors.

Open Download “AdvWorksOLTPSchemaVisio.vsdx”

Map of Russia regions

Non-rectangular hover/selection

Open Download “VisioMapOfRussia_20_04_2013.zip”