# Annotating Bicycle

### 1. Configuration Setup

<details>

<summary>Step 1: Task Information</summary>

At first, we will  provide the task information. The annotated image will be used for segmentation purpose so image segmentation task is selected here.

<img src="/files/vOTPT75xM7P2YvmYvjJJ" alt="setup configuration" data-size="original">

Then we click next to navigate the next tab.

</details>

<details>

<summary>Step 2: Annotation Configuration</summary>

Now, we will pick the tools that we will require for annotation purpose and also provide the labels name that will be used during annotation.

![](/files/3Ln8QvUv4QFJiWr9YTFW)

Then we click next to navigate the image tab.

</details>

<details>

<summary>Step 3: Upload Image</summary>

Now, we will upload the image that will be used for annotation purpose.&#x20;

![](/files/VpYnbP7yy2qcLySMi0ch)

After uploading the image we can click the open lab and start the annotation.

</details>

### 2. Annotating Image

<details>

<summary>Step 1: Tools Selection</summary>

From the tools selection, we can select the tools that we needed. For example purpose circle tool is selected.

![](/files/ElzL8zBHb9v5GsSk46gb)&#x20;

</details>

<details>

<summary>Step 2: Draw and Fill the information</summary>

The selected tool is draw on top of the region of interest (ROI). For example purpose we will be using it on back tyre.

![](/files/TwjgvxSDRoW8gyjnHCR7)

A popup box will appear. Where we can select the labels from dropdown and provide comments too.&#x20;

![](/files/hdDtDBUu2lkLgosgdqp6)

After entering the information, we can click the checkmark.

</details>

Now, if we look at the right side bar labels section, the <mark style="color:blue;">tyre</mark> label is highlighted and has a count of <mark style="color:purple;">1.</mark> It means that current annotated image has a  single tyre label with it. The regions section has also a new region added whereas the history section has numerous count. One can lock, unlock, delete, hide or resize label from regions section and can revert changes from history section. We can add as many labels we want.&#x20;

<figure><img src="/files/N1YzP2ATJmQjmCEvQS1n" alt=""><figcaption><p>Sidebar</p></figcaption></figure>

To move a selected region, click on the expansion section of the region. This will reveal a grab handle that allows us to adjust the points or drag the region to its new location as needed.

<figure><img src="/files/QuimkphH7CGtKjYkelHZ" alt=""><figcaption><p>Regions expansion / adjustment</p></figcaption></figure>

### 3. Downloading Changes

<details>

<summary>Step 1: Save </summary>

Save the current change by clicking the Save button from Controls menu.

![](/files/1rACYKuAErruFPauXCA8)

This will save the current state.&#x20;

</details>

<details>

<summary>Step 2: Download </summary>

To download the configuration, annotated or masked image one can click the download menu button from Controls menu. It will expand the menu and show respective buttons.&#x20;

![](/files/Jyi87IJp2hK2E39gbxmy)

After clicking configuration menu, a json file with configuration is downloaded. Here's the content of the downloaded JSON file.

```json
{
   "bianchi.jpeg":{
      "configuration":[
         {
            "image-name":"bianchi.jpeg",
            "regions":[
               {
                  "region-id":"7071021156029009",
                  "image-src":"http://annotate-lab.onrender.com/uploads/bianchi.jpeg",
                  "class":"Tyre",
                  "comment":"Back Tyre",
                  "tags":"",
                  "rx":[
                     0.05460252542288541
                  ],
                  "ry":[
                     0.3497771621890547
                  ],
                  "rw":[
                     0.35672614208955233
                  ],
                  "rh":[
                     0.5774993194029854
                  ]
               }
            ],
            "color-map":{
               "Tyre":[
                  244,
                  67,
                  54
               ]
            }
         }
      ]
   }
}

```

If we download the   annotated and masked image, we will get following images respectively.

![](/files/nc59j5ybtPrrzi0EplKS)![](/files/iuGTf5RrwIPxl82uMvYm)

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://annotate-docs.dwaste.live/example/annotating-bicycle.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
