Guide to: Running a Bounding Box Job with Labels

The cml:shapes tag allows users to create an image annotation job for bounding boxes in conjunction with a custom ontology and the use of test questions and aggregation.

Building a Job

The following CML contains the possible parameters for a bounding box with labels job:

<cml:shapes type="['box']" image-url="{{image_url}}" name="annotation" label="Annotate this image" validates="required" ontology="true" box-threshold="0.7" box-agg="0.6" class-threshold="0.7" class-agg="agg" min-box-height="5" max-box-height="35" min-box-width="5" max-box-width="5" allow-box-rotation="true" crosshair="true"/>

Note: There are parameters for test questions and aggregation that apply to both the bounding boxes and the labels.

Parameters

Below are the parameters available for the cml:shapes tag. Some are required in the element, some can be left out.

• type
  • The shape used in the job, set in an array.
  • To use multiple shapes in one job, include each shape in the array, separated by commas, e.g., type="['box','dot','polygon','line']"
    • You’ll need to include the corresponding parameters for each shape
• image-url
  • The column from your source data that contains the image URLs to be annotated.
• name
  • The results header where annotations will be stored.
• label
  • The question label contributors will see.
• validates (optional)
  • Whether or not this element is required to be answered.
  • Accepts ‘required’
  • Defaults to not required if not present
• ontology (optional)
  • The list of classes to be labeled in an image - view this article to learn how to create your custom ontology.
  • Accepts 'true' or 'false'
  • Defaults to ‘false’ if not present
• review-from (optional)
  • This will read in existing annotations on an image. The format must match the output shown in the aggregation section below. All that’s needed is the following:
    • ‘type’
    • ‘class’ if using an ontology
    • ‘coordinates'
    • 'id'
    • Example:
      • [{“class”:“car”,“coordinates”:{“h”:330,“w”:384,“x”:1191,“y”:306},“type”:“box”,“id”:“247f2099-22e1-4825-9bc1-3e51c6019fe0”}]
• box-threshold
  • The minimum overall bounding box IoU required for a contributor to pass a test question.
  • Accepts a decimal value between 0.1 and 0.99.
• class-threshold
  • Example: the class-threshold is set to 0.7 and a test question contains 10 ground truth shapes. A contributor gets 8 out of 10 classes correct for a score of 80% and they’re marked correct on the test question.
  • The minimum percentage of correct classes applied to boxes in a test question for a contributor to be considered correct.
  • Accepts a decimal value between 0.1 and 0.99.
  • The formula is correct / (correct + incorrect)

Fig 1. General Options of Bounding Box Tool in Graphical Editor

• box-agg
  • The minimum IoU required for result boxes to be clustered together.
  • Accepts a decimal between 0.1 and 0.99, or the value ‘all’.
  • If ‘all’ is selected, no clustering is done on the boxes.
• class-agg
  • The aggregation applied to the class for a given cluster of shapes.
  • Accepts standard aggregation types:
    • agg
    • all
    • agg_x
    • cagg_x
• min-box-height(optional)
  • Each box drawn by a contributor must be at least this height in pixels 
  • Accepts a positive integer - must be at least 2
• max-box-height(optional)
  • The maximum possible height in pixels each box can be
  • Accepts a positive integer - must be at least 2
  • Please note: If using the Graphical Editor, moving the slider all the way to 1000+ does not set a maximum height. To set the maximum larger than 1000px, you will need to set the max-box-height in the Code Editor.
• min-box-width(optional)
  • Each box drawn by a contributor must be at least this width in pixels 
  • Accepts a positive integer - must be at least 2
• max-box-width(optional)
  • The maximum possible width in pixels each box can be
  • Accepts a positive integer - must be at least 2
    
  • Please note: If using the Graphical Editor, moving the slider all the way to 1000+ does not set a maximum width. To set the maximum larger than 1000px, you will need to set the max-box-width in the Code Editor.
• allow-box-rotation(optional)
  • Will enable bounding boxes to be rotatable
  • Accepts 'true' or 'false'
  • Defaults to ‘false’ if not present
• crosshair(optional)
  • Will enable crosshair location indication
  • Accepts 'true' or 'false'
  • Defaults to ‘false’ if not present

Fig 2. Additional Bounding Box Options in Graphical Editor

Creating test questions

When using the cml:shapes tag, the behavior of test questions and aggregation will change based on the shapes chosen and whether or not the job includes an ontology.

1. On the quality page, click “Create Test Questions”
2. Add annotations around the objects in the way specified in the job's instructions
3. If no annotations are needed, make sure the job includes an option, such as a single checkbox, to hide the annotation tool
4. Save Test Question

Reviewing test questions

1. Select a test question from the quality page.
2. From the image annotation sidebar, click ‘Find a Judgment’ and choose a contributor ID from the drop-down.
3. Edit, create or remove the test question annotations based on feedback. Judgments are color-coded based on if they match the gold responses.
   • Each shape will have its own matching metrics, which can be seen by hovering over a contributor judgment or golden shape. A notification will appear in the top left corner of the image. A score from zero to one is displayed based on the intersection over union formula. If using an ontology, the class match is also displayed.
   • All scores on the image are averaged and compared to the test question threshold set in the job design. The overall matching score is then displayed in the left sidebar of the tool.
4. Save any edits that are made to update the evaluation of the existing contributors' work and ensure any future attempts to answer the test question will be properly evaluated.

Fig. 3 Test Question Scores

Aggregation

Boxes

• Aggregation for bounding boxes using cml:shapes works as follows:
  • Set the box-agg parameter in the CML, which is the IoU (Intersection over Union) used for clustering boxes prior to aggregation.
    •  IoU: Intersection over Union is the metric that evaluates the similarity between multiple bounding boxes.
    • For example, if the box-agg is 0.6, boxes that overlap each other by at least 60% will be clustered together.
  • The corners of the constituent boxes are taken as dots and weighted according to the trust scores of the contributors who drew them.
  • The 'dots' are then aggregated and a new box is drawn.
• When using rotated bounding boxes:
  • The calculation of the IoU (Intersection over Union) takes into account the following parameters:
    • Height: the height of the bounding box
    • Width: the width of the bounding box
    • Coordinates: the X and Y coordinates of the top left corner of the bounding box
    • Rotation: the rotation angle of the bounding box. The rotation degrees are from the box center.
  • The aggregation method is the average of all these parameters, while also taking into account the contributor's overall confidence score.
  • Note: the "allow-box-rotation" parameter needs to be set in order for this aggregation to occur.
  • Example output when using rotated boxes:
    • Full Report: 
      [{"id":"a5528478-fe30-4f03-8e97-130bb29fda5c","class":"Boat","type":"box","angle":341,"coordinates":{"x":37,"y":147,"w":100,"h":27}},{"id":"c541f90d-e63e-4968-9e68-1b37936239c2","class":"Boat","type":"box","angle":316,"coordinates":{"x":313,"y":213,"w":62,"h":19}}]
    • Aggregated Report:[{“angle”:38.11111111111111,“average_trust”:0.6,“class”:{“eye”:1.0},“coordinates”:{“h”:80,“w”:68,“x”:781,“y”:219},“iou”:0.93,“type”:“box”}]

Labels (Classes)

The class-agg parameter accepts the following standard aggregation methods:

• agg
• all
• agg_x
• cagg_x

Labels (or classes) are aggregated per returned box. This means, for example, if you choose to aggregate boxes - as opposed to selecting 'all' - and you choose class-agg="agg", for each aggregated box you'd receive the most confident label out of the constituent boxes in the cluster. If you choose class-agg="all", you'd receive every label applied to the cluster of boxes, but still just one box, and so on. For box-agg="all", you'd receive every box and every label in the image, no aggregation. Labels will always be grouped with the shape they were applied to and will be returned in a dictionary.

Example output of a job with box-agg="0.6" and class-agg="agg":

[{“average_trust”:0.7857,“class”:{“car”:1.0},“coordinates”:{“h”:330,“w”:384,“x”:1191,“y”:306},“iou”:0.9628,“type”:“box”}]

Example output of a job with box-agg="0.6" and class-agg="all":

[{“average_trust”:0.7857,“class”:{“car”:0.33,”person”:0.33,”tree”:0.33},“coordinates”:{“h”:330,“w”:384,“x”:1191,“y”:306},“iou”:0.9628,“type”:“box”}]

Reviewing results

To review the results of your job, you can do the following:

1. Go to the Data page.
2. Click on a unit ID.
3. In the sidebar of the annotation tool, select an option from the drop-down menu.
1. You’ll see different contributor IDs, which allow you to view individual annotations.
2. You’ll also see an “aggregated” option, which shows you the result you’ll get based on your aggregation settings in the CML or report options page of your job.