logofirst GitHub


The RectangleLabels tag creates labeled rectangles. Use to apply labels to bounding box semantic segmentation tasks.

Use with the following data types: image


Param Type Default Description
name string Name of the element
toName string Name of the image to label
[choice] single | multiple single Configure whether you can select one or multiple labels
[maxUsages] number Maximum number of times a label can be used per task
[showInline] boolean true Show labels in the same visual line
[opacity] float 0.6 Opacity of rectangle
[fillColor] string Rectangle fill color in hexadecimal
[strokeColor] string Stroke color in hexadecimal
[strokeWidth] number 1 Width of stroke
[canRotate] boolean true Show or hide rotation control

Sample Results JSON

Name Type Description
original_width number width of the original image (px)
original_height number height of the original image (px)
image_rotation number rotation degree of the image (deg)
value Object
value.x number x coordinate of the top left corner before rotation (0-100)
value.y number y coordinate of the top left corner before rotation (0-100)
value.width number width of the bounding box (0-100)
value.height number height of the bounding box (0-100)
value.rotation number rotation degree of the bounding box (deg)

Example JSON

  "original_width": 1920,
  "original_height": 1280,
  "image_rotation": 0,
  "value": {
    "x": 3.1,
    "y": 8.2,
    "width": 20,
    "height": 16,
    "rectanglelabels": ["Car"]


<!--Basic labeling configuration for applying labels to rectangular bounding boxes on an image -->
  <RectangleLabels name="labels" toName="image">
    <Label value="Person" />
    <Label value="Animal" />
  <Image name="image" value="$image" />