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 PlanDemonstrates 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) |
|
Ski Region interactive mapDemonstrates 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). |
|
Motorcycle wiring schematicsDemonstrates 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. |
|
Minecraft Crafting MapDemonstrates custom shape content templates. Shows map of how items in the Minecraft game can be crafted. |
|
Temperature map in EuropeDemonstrates 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. |
|
Principalities in medieval RussiaDemonstrates 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. |
|
Engineering ProblemTiny flowchart illustrating working with individual shapes (hiding and showing them depending on user clicks) |
|
Org Chart ExampleShows 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. |
|
Cell Phone JammerSample diagram from visguy forum. Animated with custom javascript. Basically shows how you can use graphics produced in Visio and animate them later with javascript. |
|
Seat ReservationDemonstrates adding small javascript piece to a diagram to make scratch for a seat reservation system. |
|
Database DiagramDemonstrates some custom javascript to show linked shapes. Also default panes (shape data, links, etc are hidden). |
|
Map of Russia regionsNon-rectangular hover/selection |