> ## Documentation Index
> Fetch the complete documentation index at: https://sensible.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Color coding

This topic describes color-coded symbols that the SenseML editor overlays on documents in the Sensible app. These overlays visually represent how SenseML queries operate on documents. Use these symbols to author and troubleshoot queries.

| symbol                                                                                        | represents                           |
| --------------------------------------------------------------------------------------------- | ------------------------------------ |
| [Yellow box](/layout-based-extractions/app-guide/color#yellow-box)                            | anchor                               |
| [Blue box](/layout-based-extractions/app-guide/color#blue-box)                                | captured method data                 |
| [Green box](/layout-based-extractions/app-guide/color#green-box)                              | box, region, table, or chunk         |
| [Green point](/layout-based-extractions/app-guide/color#green-point)                          | starting point for recognizing a box |
| [Green brackets or yellow brackets](/layout-based-extractions/app-guide/color#green-brackets) | ranges for sections                  |
| [Dotted blue box](/layout-based-extractions/app-guide/color#dotted-blue-box)                  | discarded method data                |
| [Dotted yellow box](/layout-based-extractions/app-guide/color#dotted-yellow-box)              | discarded anchor data                |
| [Pink box](/layout-based-extractions/app-guide/color#pink-box)                                | fingerprint                          |
| [Purple box](/layout-based-extractions/app-guide/color#purple-box)                            | line details                         |

## Yellow box

***Yellow boxes*** represent anchors. For more information about anchors, see [Anchors](/senseml-reference/field-query-object/anchor).

For example, the following image shows:

* an anchor line highlighted with a yellow outline ("Here is a good candidate"). The outline shows the anchor's "bounding box", or the boundaries of the anchor line.
* a line output by the Label method outlined in blue ("And here's the text below")

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/ui_label_and_method_1.png)

The query used for the preceding image is:

```json JSON 
{
  "fields": [
    {
      "id": "simple_label",
      "anchor": "here is a good candidate",
      "method": {
        "id": "label",
        "position": "below"
      }
    }
  ]
}    
```

## Blue box

***Blue boxes*** represent method output. For more information about method, see [Method object](/senseml-reference/field-query-object/method).

For example, the following image shows:

* an anchor line outlined in yellow ("Here is a good candidate")
* a line output by the Label method outlined in blue ("And here's the text below")

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/ui_label_and_method_1.png)

The query used for the preceding image is:

```JSON JSON
{
  "fields": [
    {
      "id": "simple_label",
      "anchor": "here is a good candidate",
      "method": {
        "id": "label",
        "position": "below"
      }
    }
  ]
}    
```

## Green box

***Green boxes*** represent boxes, regions, tables, or [chunks](/llm-based-extractions/prompt).

## Green point

***Green points*** represent the following:

* a starting point for recognizing a box or checkbox
* a starting point for defining the coordinates of a region

Green points can be useful for troubleshooting. For example, in the following image, Sensible can't recognize the box. The green dot provides a visual clue about the problem: the green dot is *on* the box border itself, as specified by (`"position": "left"`).

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/box_position_left.png)

If you specify to find the box borders by starting from the right edge of the anchor line's boundaries (`"position": "right"`), the green dot is far enough inside the borders for Sensible to recognize the box:

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/box_position_right.png)

## Green brackets

**Green brackets** represent the start and end of each section in a section group:

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/ui_sections.png)

Yellow brackets denote sections' external ranges, which is an advanced configuration option.

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/sections_external_range_dynamic.png)

## Dotted blue box

***Dotted blue boxes*** represent discarded method data. Sensible methods filter out captured data depending on parameters you set in the field, the anchor, and the method.

For example, in the following image, a Row method captures everything to the right of the text "Python", but a tiebreaker selects "0" (dark blue box) and discards "first" (dotted blue box).

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/ui_filtered_method.png)

The query used for the preceding image is:

```JSON JSON 
{
  "fields": [
    {
      "id": "filtered_by_tiebreaker",
      "anchor": "Javascript",
      "method": {
        "id": "row",
        "position": "right",
        "tiebreaker": "second"
      }
    }
  ]
}
```

Common parameters resulting in filtering include:

* the field's data type (currency, date, address, etc)
* the method's stop
* the method's tiebreaker

## Dotted yellow box

***Dotted yellow boxes*** represent discarded anchor data, for example for queries that return null.

For example, for the following config:

```JSON JSON
{
  "fields": [
    {
      "id": "anchors_candidates_filtered_by_method",
      "anchor": "python",
      "match": "first",
      "method": {
        "id": "label",
        "position": "right"
      }
    }
  ]
}
```

Sensible filters out "python" strings that don't meet the Label method's proximity requirements. For example, in the following image, Sensible represents the "python" string with a dotted yellow box to show that it doesn't work with the Label method (it would, however, work with the Row method):

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/ui_filtered_anchor.png)

Common parameters resulting in filtering include:

* the field's data type (currency, date, address, etc)
* the field's match method (first, last, all)
* the anchor's start and end
* the method's id (for example, a Label method filters out all lines that aren't close to other lines)

## Pink box

***Pink boxes*** represent matching fingerprint tests.\
In the following image, the pink text is a matching fingerprint.

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/ui_fingerprint.png)

The query used for the preceding image is:

```fingerprint": {
    "tests": [
      {
        "page": "first",
        "match": [
          {
            "text": "anyco auto insurance",
            "type": "startsWith"
          }
        ]
      }
    ]
  
```

**Note** The pink highlighting for fingerprint text isn't compatible with preprocessors that change line indices, such as Split Lines and Merge Lines.

## Purple box

If you click on a line, it changes to a ***purple box*** and shows the following details:

* underlying extracted text
* coordinates of the line's boundaries
* SenseML and extracted output that relies on that text

You can select multiple lines to see their combined details.

![Click to enlarge](https://mintlify.s3-us-west-1.amazonaws.com/sensible/assets/v0/images/screenshots/changelog_July2021_x-ray_mode.png)