Introduction to the annotation environment

If you have used graphical editing tools or other annotation tools, our annotating environment should be familiar. For newcomers or users that wonder where they can find a specific function, we put together this quick tour of the interface that explains in more general terms what different parts of the interface does and why they are there.

General layout

Navigation bar

At the top of the interface, you can find the navigation bar. Here, you can navigate between images, access the project menu, and change the image’s status, as well as accessing various menus. To go to another image, click the arrows. To change the image status, click on the current image status to access a drop-down menu, in which you can specify a new status.


On the left side, you have the toolbar. This is where you can access all of the tools that you can use to annotate.

You use a tool by first clicking on it's icon. When it's selected (which you'll know as the tool icon will have a darker square around it) you can use the tool on your image.

To learn more about the different tools you can hover over the icon for a second. When doing so, a tooltip will open giving you more information about a specific tool.

Label class list

On the right side, you have the label class list where you can select which label class to assign to objects as well as see which objects already have a specific label class.

The label class list is split up in two parts, foreground and semantic classes.

What's really important to understand here is the concept of "active class". As Hasty is a tool built for speed, we decided that we wanted to allow users to create many different annotations with the same class as quickly as possible. To that, when you select a specific class as an "active class" by clicking on the hedgehog icon to the left of class name, every new annotation being made will have that class assigned to it.

Set "active class" by clicking to the left of the label class color

However, "active class" just applies to new annotations. To edit the class of an existing annotation, first select it using the move/edit tool. The current class of the annotation will be highlighted in blue.

To change the class, click on the desired class in the class list - please note that you don't click on the hedgehog symbol as this will change the active class, and not edit the class of the selected annotation.

To edit the class of an annotation, click on the name of the desired label class

History list

You will also find the history list directly underneath the label class list. In the history list, you can see previous actions that you have performed when working on a specific image. You can also undo actions that you are not happy with here.

In the history list, new events are added to the bottom of the list. To change back to a previous state, just click on the event from which you want to roll back to. Please note that wherever you click in the list, all events that took place after this specific event will also be undone.

You can also undo your latest action by pressing "cmd/ctrl" + "z"

Tool settings bar

There are two parts of the interface that are not directly visible when you are opening a new project. First, we have the tool settings bar, that only will be shown after you have selected a tool. Here, you can modify how the tool works in various ways. For example, if you select the magic wand tool, you will see this menu at the top of the screen:

The tool settings bar for the magic wand-tool

Please note that any changes made in the tool settings bar require you to perform an action afterwards for the changes to take effect. For example, if you select an area using the magic wand, and then decide to increase the tolerance, this change will not be reflected until you make a new selection using the magic wand.

Image gallery

Secondly, we have the image gallery that can be accessed by clicking the arrow icon at the bottom of the screen. The image gallery is an easy to access view of all images in the project.

It can be accessed by pressing the two arrows pointing up at the bottom of the screen, and can be hidden by pressing the two arrows pointing down on top of it when it's open.

You can also filter the images being shown here by dataset and image status. Just go to the filter you want to adjust at the top right of the image gallery, click on it, and pick what filter should apply.

Furthermore, you can search on an image name by filling in the search field that can be found at the top right of the image gallery.

Every image has a colored frame around it that indicates the status of that image. You can see a legend for what the color means at the top of the image gallery.

Work area

That leaves us with the centre of the interface where you can see your image and perform actions on that image. We call this area the work area.

Get AI confident. Start using Hasty today.

Our platform is completely free to try. Sign up today to start your two-month trial.