SVG Booster

SVG Booster

SVG pivoting is a tool for editing and parameterizing synthetics or schematics inserted in the thingable platform. It is very useful in applications where the user wants to view a dynamic representation of one or more processes of their business. For example, it is possible to monitor the plant of an immovable in an animated manner, that is, to identify by colors and values the monitored variables related to its property. To do this, simply configure the monitored points in the mentioned tool.

To access the tool, go to the home page of the environment and left click on the SVG Dynamizer icon, as shown below.


After accessing the tool, the screen of figure 2 will be presented. In this screen, the user has a free area with some options for parameterization of the manager. The tool features four access options: file, edit, preview, and help.


In the file tab, the options are available:

Open: The user can access a file that is already available in the tool.

Save: after performing the parameterization of the trustee, this option allows you to save the changes in SVG format.

Save as: having in the same function as the previous option, differs for cases where the user wants to save with another name. Quite used for controlling file versions.

Import: allows the user to import files in SVG and DWG formats, for configuration of these models in the tool (Figure 4).

Print: Allows the user to print the configured synoptic.


In the edit tab, the tool provides the options shown in figure 5:

Background color

The tool allows the user to change the background color of the selected element in the synoptic (figure 6).


This editing tab is one of the most important for schematic configuration. Itconsists of configuring an element of the drawing, adding a dynamic and parameterizing which actions must occur to satisfy the configured conditions. By clicking on the element with the right button we have the following ooc6es (figure 7):

Dynamics: Opens the dynamics configuration options for the selected element.

Remove: Removes the selected element.

Bring forward, move up, move down and send back: options for overlay of the selected element.

Dynamics Configuration

To configure the dynamics of the element, the user can:

  • Right-click on the element and select the "Dynamics" option.

  • Click on the element, go to the edit tab and access the "Dynamics" sub tab.

The window in figure 8 will be displayed:

Element name: name referring to the parameterized element.

Dynamics: the dynamics configured for that element appear with the options to add more dynamics by clicking on the "+" icon in figure 8, or delete the selected dynamics by clicking on the check box.

Fields type and tag: dynamic information. The type and configuration of which animation will be performed for that element. The tag is the element reference and is linked to the point configured in the database for that variable.

Click the "+" icon (Figure 8) to add a new dynamic. The options below will be presented:

Element name: name referring to the parameterized element.

Type: animation definition for the element. The Flash, Car, Navigation, Operation, Protocol, Value and Visibility options are available.


Tag: for the configuration of the TAG field in figure 10, you can use a reference to the TAG registered in SCADA, or a parameter configured in the Menu filter of the created application (highlighted in figure 11). In the example, we have the volume parameter configured in the menu filter, referring to the tag "1089_AI_0013".

To configure the volume parameter in the TAG field of figure 10, fill in the TAG field with the @volume information.

Value Type: definition of the analog or digital coma variable. For analogical variable it is possible to enable the ranges that will be pivoted to. The fields are: upper limit, very high, high, normal, low, very low and lower limit. For the digital variable, the tool provides the on and off fields to activate the dynamics.

b) Color

For the Color type, the TAG field that is linked to the color protocol configuration registered in the SCADA for the configured variable will be displayed (figure 12).

c) Navigation

The navigation dynamics allows the user to access other screens by selecting the element configured in the synthetic. In the figure below we have the parameterization options of the dynamics type:

For the navigation type, you can select the elements of the source column (file, url or app menu) and the mode from the source choice.

The origin and where the chosen dynamics will navigate, according to the selection made. The way and how the landlord will be displayed.

File: The user chooses a file of type SVG or DWG and chooses one of three available modes to pivot this file. In Mode, there are the pop-up options (a screen with title, height and width defined by the user in the selected element is displayed), replace or append the file, as follows:

Url: The user selects a source url and a mode for its action. In mode, there are pop-up and override options as below:

App menu: Selects an app's Menu Name for navigation.

d) Operation

Similar to the "color" type, in the "operation" type the integrator configures the TAG referring to the element and its information is inherited from the point configured in the SCADA database.

e) Protocol

Similar to the "color" and "operation" types, the "protocol" type allows the integrator to configure the TAG for the element and its information is inherited from the point, which is configured in the SCADA database.

f) Value

In the "Value" type, the user configures the TAG referring to the element and its information is inherited from the point configured in the SCADA database.

The return in the synthetic and the value in numerical format, defined in the format field. To set up with two decimal places, for example, just add %.2f. The Sub Values field determines which value for the TAG will be returned. If it is the measured value itself, select the Value. To return values other than the measured value, select the fields Max, Min, Prop Max (maximum property or High Limit Value configured in the SCADA database), Prop Min (minimum property or Low Limit Value configured in the SCADA database) and Timestamp (example format dd/MM/yy HH:mm:ss), for all Sub Values previously configured at the point of the SCADA database.

g) Visibility

The "Visibility" type has the following configuration fields and these fields determine whether or not the element will be displayed in the synoptic:

Tag: to configure the TAG field, you can use as a reference the TAG registered in SCADA, or a parameter referring to the tag configured in the menu filter of the application, just enable the field "Use ID as TAG".

Value type: definition of the variable as analog or digital. For analog variable it is possible to enable the tracks that will have pivoting. The fields are: upper limit, very high, high, normal, low, very low and lower limit. For the digital variable, the tool provides the fields on and off to enable dynamics.

Source Code

In the sub tab "source code" appear settings and parameterizations performed in the editing of the synthetic via HTML code. It is possible to edit the synoptic in a textual way, through programming codes.


In the view tab you have the options:

  • Hide the grid, as shown in figure 23.

  • Default view: View defined when the SVG Dynamizer tool is accessed.

  • ViewPort: allows the user to configure the positioning of the sinus (coordinates, height, width and zoom).


In this tab, you can access the "Keyboard shortcuts" option to view the tool's default shortcuts. The following are the commands:

Last updated