The core of tagtog the text annotation editor for data augmentation. This editor is designed to make the user feel comfortable annotating text. We have created a minimalist user interface to interfere as little as possible in the reading experience to increase annotator's focus and the efficiency during annotation tasks.
The annotation editor is used to manually annotate text or/and train a machine learning model to automatically annotate text. By enabling automatic annotations you can build awesome stuff you didn't think of at first.
This web editor includes features as automatic annotations, overlapping text annotations or support for full-text articles, that reduce significantly the time required to annotate text.
You can annotate at text span level or at document level. Let's take a look to the type of annotations you can create using tagtog:
|Entity||Span of text representing a named entity. It can be any span: a part of a word, a word, a sentence or a group of words. Each entity belongs to one or more entity classes (e.g. Barack Obama is
|Normalization||Id assigned to a named entity. These annotations help in disambiguation. Normalization or canonicalization is the process for assigning an id or unique name to data that has more than one possible representation. This process is supported by dictionaries. For example an
Let's say you are extracting technical issues from reports in a CRM. When annotating those reports, you can add extra information to those entities (technical issues), for example severity. You can use this metadata to build a statistical model that retrieves the severity given a particular technical issue in a specific context.
Relation between two named entities. Each relation belong to one specific relation type (e.g. BRCA2
Currently tagtog supports bidirectional relationships (A relates to B, and B relates to A) to connect two entities. If you want to connect more than two entities you need to create more than one relation.
In order to set or see relations, remember you need first to define at least one Relation Type in Settings > Relations. Otherwise the option to See or Add relations in the menu will be disabled.
Relations are supported between entities from different paragraphs or sections.
For example, if you are classifying emails in order to dispatch them to different departments, you can create a document label (enum) and classify emails as, for example,
If you hover the mouse on the icon hotkeys, the list of hotkeys is displayed.
|[||Previous document in the folder||Any document|
|]||Next document in the folder||Any document|
|s||Save document||Any document|
|r||Start a new relation (only available when the annotation menu is visible)||Any document|
|d||Delete annotation (only available when the annotation menu is visible)||Any document|
|l||Show entity labels (only available when the annotation menu is visible)||Any document|
|ctrl+c or command+c||Copy annotation text (only available when the annotation menu is visible)||Any document|
|q||Previous page||Only for paginated documents as PDFs|
|w||Next page||Only for paginated documents as PDFs|
|z||Zoom in||Only for paginated documents as PDFs|
|x||Zoom out||Only for paginated documents as PDFs|
|ctrl+f or command+f||Search in the text of a document||Only for paginated documents as PDFs|
|ctrl or command||Annotate the whole paragraph. Hold the key and click on the paragraph to annotate it.||Supported by all formats except for paginated documents.|
The editor is mainly divided into: Document area, Toolbar and Sidebar.
The text is displayed in the document area. There you can read and annotate text.
Once a piece of text is annotated, it becomes an entity. In tagtog you can operate with entities and do things as normalize them, relate them, etc.
The background color of each annotation depends on the color picked for the Entity Type. The font color changes based on the background color so the contrast is appropriate to read.
Create new text annotations
A new text annotation is created by highlighting text with the mouse. Position the cursor at the beginning of the text you want to highlight. Press and hold your primary mouse button (commonly the left-button). While holding the mouse button, drag the cursor to the end of the text and let go of the mouse button. Once completed, all the text from the beginning to the end should be highlighted using the same Entity Type used in the previous text annotation. Currently the only way to change the entity type used for new annotations is by first changing the entity type of existing annotation.
Tips & tricks:
- If you double-click, you annotate the word clicked.
- If you try to annotate a word that starts or ends in space, the space won't be annotated.
- Press and hold the ctrl or command key to annotate a whole paragraph. Simply hold the key and click on the paragraph to annotate it.
Overlapping text annotations
Just create a new annotation that is contained within the span of existing one or that only overlaps part of it. Overlapping text annotations are recognizable at a glance while not disturbing you from reading the text.
Automatic annotations created upon the manual creation or removal of other equal annotation (same entity type and same text). These type of annotations increase annotator's efficiency as potential candidates for new/to-remove annotations are automatically identified.
Currently, pre-annotations don't work in the PDF annotation tool.
Equal entities that are annotated upon manual annotation. E.g. if you annotate
In addition, if you add/remove a normalization or entity label for this entity, this change will propagate to all pre-annotated occurrences.
Equal entities that are removed upon manual removal, e.g. if you remove an existing annotation with the text "HER2" and Entity Type
You can choose whether pre-annotations are case sensitive or not. As other properties from pre-annotations, this setting can be change both from the editor and/or at project level: Settings > Annotations.
By clicking on the primary mouse button (commonly the left-button) on a text annotation, you display the annotation menu.
These are the actions you can perform:
|Action||Hotkey||Available in read-only mode||Description|
|Labels||-||Yes, read-only||Go to the entity labels menu|
|Permalink||-||Yes||Show a dialog box with a permalink for the annotation.|
Start a relation if a Relation Type is defined for the Entity Type of this entity. Once the relation is initialized, you can see highlighted the annotations you can relate your entity to. Other annotations are faded to indicate that you cannot relate the entity to these.
Click on one of the available entities to set the relation. From that moment, both entities will be connected. Both entities will display this icon on the top .
|See relations||-||Yes||See the relations this entity is part of.|
Change the Entity Type of entity. If you hover the mouse on this menu item, the list of possible Entity Types and their descriptions will show up. This list is sorted alphabetically. The first item is always selected by default and you can change to this entity type by clicking or pressing ↵.
You can filter the entity types by name or description. Just type in the searchbox and the entity types with matching description or name will be listed. The list is navigable by keyboard. Move with ↑ ↓ and select with ↵.
A change of entity type can affect the properties of the entity. Normalizations will be removed and only common entity labels will be preserved.
|Copy text||ctrl+c or command+c||Yes||Copy the text of the annotation to the clipboard.|
Each dictionary created for the entity type will appear as an input box. If the box is not empty, the entity is normalized to that value.
If you type at least 3 characters, a list of recommended dictionary entries will appear. To select a normalization simply choose an entry. Otherwise you can type a new value. Each time you type or you select a value, the normalization is stored in the data model.
Press the + button to add the value in the input box as a new entry for the dictionary. Instead of clicking the button, while you type a value, you can simple click the ↵. If the entry is correctly added to the dictionary, a checkmark will show up during 1 second.
Update dictionary from annotation editor
If you are using dictionaries, you can updated them upon manual normalization. If you add a new normalization and you click on the + button, this will either add a new entry to the dictionary or update an existing entry with a new term. By design, the dictionary won't be updated when a normalization is removed.
You can always download the most updated version of a dictionary at Settings > Dictionaries.
You can create permalinks for annotated entities. Just click on the entity and click the
Permalink entry in the annotation menu. You can copy and share it. When opened, the link points exactly to the annotation, the document editor will scroll to highlight the annotation properly.
The toolbar is located on the top of the document area. From it you can perform these actions:
In case the document or text comes from a known provider, clicking this link you access the original source.
For example, if you upload a PubMed document by PubMedId (PMID), tagtog understands the source. Clicking on this button you will go to the article in Pubmed.
Annotations from other users
Click on the user list to show all the project members. Click on the one you are interested, the version of the annotations for that user will be displayed on the document area.
Depending on your permissions you are able to edit or not the different versions of the annotations. A locker icon indicates that your permissions on that version are read-only.
If you are a project admin, you will be able to see which of the members have already confirmed the document in the member list
Manage annotation versions
You might want to start from the annotations of other user or replace the
master version with the annotations of a specific user. If different users have annotated the same documents, tagtog also supports an automatic adjudication process to compose the final version of the annotations based on the agreement among users. For such cases, you can use the options available in the toolbar.
If you click on that option, a list of actions shows up:
|Copy to master||Replace master's annotations version with the version displayed in the document area.|
|Copy to mine||Replace your annotations with the version displayed in the document area.|
|Merge Annotations||Automatic adjudication process that merges all the member's annotations into
The availability of these options depends on the role permissions. More information on multi-user annotation
Here you can select whether pre-selections or pre-deselections are activated or deactivated. You can also turn on/off case sensitivity.
Each time you load a new document, the default settings from Settings > Annotations will apply. The changes in this menu won't change these default values and only will affect the current document. There are two types of pre-annotations: pre-selections and pre-deselections. You can find more information about pre-annotations here.
Save a document
Each time a change is made in the document (e.g. new annotation or relation added), the Save button will turn into green to indicate there are changes to save. Click the button to save the changes.
Confirm a document
Usually users confirm the document once the annotations has been reviewed. This is used to indicate that this document can be used as training data for AI, or simply that all annotations has been reviewed by a human. There are different annotation flows you can use for your project.
To confirm a document click on the button with the icon
Once you have confirmed a document, many actions are disabled. You can undo the Confirm action by clicking again the button. It is a toggle button.
View / output mode
Here you can select which way you want to display or export the annotated document.
Annotated documents can be exported in various formats: output formats
tagtog Web Editor refers to the visualization of the annotated document in the annotation editor.
Click on the button with the icon and select the option
Remove annotationsto delete all the annotations in the current document. This won't remove the document.
Click on the button with the icon and select the option
Remove documentto remove the document from the folder.
Each button with an arrow pointing to left and right. If you click on the button with the left arrow, the previous document in the folder will be loaded. If you click on the button with the right arrow, the next document in the folder will be loaded.
Under the document navigator, you can find the document index. This will give you an idea of where you are and how much work is left.
If the document is paginated, the toolbar has a controller to navigate across the pages. For example, in PDF documents. More information.
The sidebar appearance changes depending on how you configured your project. It will only display those actionable items for those entity types, entity labels, document labels or relations used in the project.
You can show/hide the sidebar by clicking on the arrow near the top of the sidebar.
These are the components you can find in the sidebar:
If you have any document label configured at Settings > Document Labels they will appear in this section in the side bar. Here the user can define the value of a document label for the current document. Once a change is made, you can save the document as usual.
The list of document labels is sorted alphabetically.
Clicking on the icon you reset the label to the default value
The entity tally displays statistics for each entity type in the current document.
On the top of this section you find a summary with the number entities annotated and the entities not normalized. E.g. . Below the header, you can find the statistics for the annotations in the current document:
To digest the status of the annotated entities as fast as possible and reduce the noise, you can:
Classify entities in different groups.
Group annotations by normalization. Very useful to understand which concepts are annotated in the current document.
Entities not normalized are highlighted to spot them at a glance.
Clicking on the icon you expand a view with the information of each single annotation.
||Group annotations by text. It is very common that in the same text, the same entity is repeated multiple times. Sometimes it is better to understand that only two unique entities have been identified in this text, e.g. gene
||Group annotations by entity label. Check which annotations have been labeled and which not. Check the list of annotations labeled with a particular entity label.|
||Entities are not grouped. They will appear one by one, in the same order they appear in the text. This is very handy if you need to review each single annotation. Soon we will enable hotkeys so you can navigate this menu fast and easily.|
You can display entities that meet certain requirements.
Select one or more entity types to display entities that belong to one of those entity types.
This filter only shows up when there are two or more entity types defined in the project.
Display entities which text includes the search query.
This filter only shows up when there is at least one entity type defined in the project.
Select one or more entity labels to display only entities with all those labels.
This filter only shows up when there is at least one entity label defined in the project.
Type the value of an entity label to only display those entities with at least one entity label with that value. As there can be a large number of entities, the match is exact.
As you type, a list of recommended values appears in a drop down menu. This list is generated using fuzzy search against the possible values of those entity labels with type
This filter only shows up when there is at least one entity label defined in the project.
It keeps the count of the relations defined in the current document. In this section you can remove existing relations, clicking on the button .
This tally only appears if you have relation types defined at Settings > Relations.
Folders can be accessed from the document pool or the web editor. You can find the folders panel of the left side of the editor. More information about folders.