HTML Export Demo

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

 

stuhlekStuhlek (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/stuhlek.html
Source: Stuhlek (1.1 MiB)

 

Pokemon Office Plan

Demonstrates html popups with pictures and hyperlinks.

 

Live: https://nbelyh.github.io/svgpublishdemo/PokemonBldgPlan.html
Source:  PokemonBldgPlan (577.3 KiB)

 

Suzuki FA50 Motorcycle wiring schematics

Demonstrates layers functionality.

Allows to turn layers (containing wires) on/off to see what is connected to what.

Live: https://nbelyh.github.io/svgpublishdemo/1981-91%20Suzuki%20FA50%20Shuttle.html
Source:  1981-91 Suzuki FA50 Shuttle (152.9 KiB)

 

Actual Temperature map in Europe

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

 

Live (v1): http://cdn.rawgit.com/nbelyh/svgpublishdemo/11fe54f4/EuropeWeather.html
Live (v2): http://cdn.rawgit.com/nbelyh/test/1af8d46/EuropeWeather2.html
Source: EuropeWeather (355.1 KiB)

 

14-01-2017 16-27-17 Org Chart Sample

Some shapes are clickable (navigate to page)

 

Live: https://nbelyh.github.io/test/OrgChart.html

Source:  OrgChart (327.6 KiB)

14-01-2017 15-25-44AdvWorks OLTP Schema Visio

From Visio samples. Demonstrates some custom javascript to show linked shapes.
Also default panes (shape data, links, etc are hidden)

 

Live: https://nbelyh.github.io/svgpublishdemo/AdvWorksOLTPSchemaVisio.html

Source:  AdvWorksOLTPSchemaVisio (796.0 KiB)

 

14-01-2017 15-34-09 Single-page building plan

From Visio samples.

 

Live: https://nbelyh.github.io/svgpublishdemo/BldgPlan.html

 

14-01-2017 15-36-27Meet Room sample

Multi-page diagram. Check page navigation.

 

Live: https://nbelyh.github.io/svgpublishdemo/MeetRoom__0.html

 

14-01-2017 15-15-53Deparamental Workflow

Basic sample from Visio 2016 sample diagrams.

 

Live: https://nbelyh.github.io/svgpublishdemo/Deparamental%20Workflow__0.html
Source: Deparamental Workflow (134.0 KiB)

 

14-01-2017 15-40-58Cell Phone Jammer

Sample diagram from visguy. Animated with custom javascript.

 

Live: https://nbelyh.github.io/svgpublishdemo/cell-phone-jammer-2013.html

Source:  Cell-phone-jammer-2013 (71.5 KiB)

 

14-01-2017 15-56-15

ASTMGT

Sample diagram with between-page links. Click the server to jump to it’s rack.
Note the hover color.

 

Live: https://nbelyh.github.io/svgpublishdemo/ASTMGT__0.html

 

14-01-2017 16-06-34My “Map of Russia regions” exported

Check the non-rectangular hover/selection!

 

Live: https://nbelyh.github.io/svgpublishdemo/RussiaMapVisio.html

 

14-01-2017 16-14-34A technical drawing

Note the page size – you can adjust it, and it will be displayed to exact size

 

Live: https://nbelyh.github.io/svgpublishdemo/DechDraw__0.html