Sign In |

Gauge Element

Updated on May 7, 2026

VBOX Video HD2 software comes with a supplied library of gauge elements. The user also has the option to create their own gauges using PNG, JPEG or BMP image files.

Open the gauge library by clicking the ‘Gauge’ icon from the top menu bar. 

Screenshot of the Gauge button.

A drop down menu will then appear, allowing a gauge to be selected from the library. Clicking on a chosen gauge will load it into the scene.

Screenshot of the Gauge menu.

Selecting the 'Filter' drop down on the left enables you to filter the Bar Graphs shown between default and custom created.  

Screenshot of the Filter drop down list of options.

Once a gauge has been added to the scene, it can be clicked and dragged to the desired location. 

Gauges within the library will have pre-defined settings.


When creating a new gauge element, individual images for the gauge background and needle are required. A recommended size for a gauge image is 365 x 365 pixels – however do note that images can be resized within HD2 software.

Example images are shown below:  

Screenshot of an example Speed dial.
Gauge background image
Screenshot of an example Speed dial needle.
Gauge needle image

To create a new gauge, click the ‘Gauge’ icon from the top menu bar.

Screenshot of the Gauge button.

Within the drop down menu, selecting the ‘New’ option will add a new gauge element into the scene.  

Screenshot of the Gauge menu with New highlighted.

Double-click on the new gauge to load a background image.  

Images depicting the steps of loading a new background image to a Gauge.

Double-click the gauge element again to load a needle image. 

Images depicting the steps for loading a new needle image to a Gauge.

Now both images have been loaded, the settings of the gauge can be defined.


When an element is selected, its settings are shown in the right-hand panel.  

Screenshot of the software with the Gauge Settings pane highlighted on the right hand side.

The data set to display on the gauge can be changed using the two drop-down menus within the parameter section.

The first drop-down menu defines the source. Select either CAN, GPS, Heart rate monitor (if being used with a heart rate element), Maths Channels or OBD.

Screenshot of Parameter settings.

The second drop-down list defines the channel to be shown. In the example above, GPS Speed is set to display in km/h.

A number of GPS parameters are available to choose from, such as the following:

  • Satellites
  • UTC time
  • Latitude
  • Longitude
  • Speed
  • Heading
  • Height
  • Longitudinal acceleration
  • Lateral acceleration
  • Combined acceleration
  • Vertical speed
  • Local time
  • Day of month
  • Month
  • Year
  • Distance since power-up
  • Distance since stationary
  • Time stationary 
  • Time moving
  • Radius of turn
  • Gradient (%)
  • Solution type

More information on the parameters can be found here.

Within the parameter section, speed, acceleration or distance channels can be set to display in different units.

The options available are:

  • Speed – km/h, mph, kts, m/s, ft/s
  • Acceleration – g, m/s², ft/s²
  • Distance – m, ft, km, mi, nmi

Set the needle rotation point by clicking and dragging the needle crosshair. The crosshair position can be fine-tuned using the keyboard arrow keys.  

Images depicting the how to set the crosshair.

Click the ‘Centre’ button to move the crosshair to the centre of the gauge background.  

Images depicting the steps to centre the needle crosshair against the Gauge background image.

Move the slider so the needle sits at the minimum position. Click ‘Set minimum’ to save.  

Images depicting setting the minimum value for the range.

Move the slider so the needle shows the maximum position. Click ‘Set maximum’ to save.  

Images depicting setting the maximum value for the range.

To clear all minimum and maximum position settings, press the ‘Reset’ button. 

Needle direction can be set to clockwise or anti-clockwise. The default setting is clockwise, as shown in the example below.  

Images depicting the Rotation direction set to Clockwise and how this direction is applied to the Gauge.

The values set here must match the numbers on the gauge image. To test what will be shown on the gauge, enter a value into the ‘Test value’ box.  

Images depicting the Range values and how they appear on the Gauge.

Gauge images can be changed by clicking the search (magnifying glass) icon next to the currently loaded image.  

Screenshot of the Background settings with the current file highlighted.

Gauge backgrounds can be made transparent by ticking the ‘Transparent’ option within the gauge background area. 

The number of 360° rotations between the maximum and minimum points can be increased using this setting.

This is useful when using a transparent background and a steering wheel image needle.  

Screenshot of the Needle settings with Number of Rotations highlighted and an example image of how this will affect the Gauge.

Elements and their associated settings can be duplicated within a scene by either right clicking on the element, selecting 'Copy' from the dropdown then right-clicking in an empty area and selecting 'Paste' from the dropdown, or by using keyboard shortcuts 'Ctrl + C' (Copy) and 'Ctrl + V' (Paste).

Screenshot of the right-click menu with Copy highlighted.
Screenshot of the right-click menu with Paste highlighted.
Screenshot of the right-click menu with Copy highlighted.
Screenshot of the right-click menu with Paste highlighted.

Elements can be removed from the scene in two ways; either by right-clicking on the element, selecting 'Delete' from the dropdown and confirming the prompt, or by pressing the 'Delete' key on a keyboard, and again, confirming the prompt.  

Screenshot of the right-click menu with Delete highlighted.