The SVG Controller


View SVG Controller Overview Download User Guide
View Samples

The Inovista SVG Controller takes Scalable Vector Graphics (SVG) files and converts them into a component that can be used in Xcelsius©. Use commercially available or open source SVG Images or create your own with products like Adobe Illustrator or Inkscape.Micro Charts Example

Once in Xcelsius, a designer can use the SVG Controller to define hotspots on any part or parts of the image. Hotspots are used to drive other values in the dashboard. A mouse rollover, click or double click on the hotspot can update the dashboard. Examples of this would include a click on a region in a map, a room in a building plan or a seat in a training room.

You can also manage alerting and highlighting by changing colors, transparencies and text values based on external data. You can define dynamic tooltips, update their values as source data changes and even update their fonts, colors and backgrounds based on that underlying data.


The presentation of visual layers can be simulated using group options. In this way, you are able to make whole parts of the image visible, invisible or set a level of transparency. Up to 10 different images can be included in a single SVG Controller component, allowing users to drill down through images, select a different view of the application or present a new application.

The main features of the SVG Controller include:

The SVG Controller can be deployed within Inovista container type objects like the SVG Background. Once inside a container, it can be scaled, dragged around the Dashboard or hidden with the parent container.