labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Learn
Guide
Videos
Walkthroughs
FAQ
Newsletter Archive
Documents
Classroom
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Guide
Videos
Walkthroughs
FAQ
Newsletter Archive
Documents
Classroom
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Guide
    • GETTING STARTED

      • Task Editor
      • Stimulus Presentation
      • Correctness of Response
      • Objects
      • Events
      • Variables
      • Task Wizard
      • Trial System
      • Study Design
        • Tasks
        • Blocks
        • Sessions
        • Groups
    • FEATURED TOPICS

      • Experiment Design
        • Creating a Study
        • Data Frame Patterns
      • Randomization & Balance
      • Eye Tracking
        • Presenting Stimuli in an Eye Tracking Task
        • How to Choose Eye Tracking Calibration Settings
        • Setting Up Eye Tracking in a Task
        • Recording and Exporting Gaze Data
        • Using Shapes as Areas of Interest (AOI) for Eye Tracking
        • The Participant Calibration Experience
      • Questionnaires
      • Desktop App
      • Sample Studies
      • Participant Recruitment
      • API Access
        • REST API
        • Webhook API
        • WebSocket API
      • Other Topics

        • Precise Stimulus Timings
        • Multi User Studies
        • Head Tracking in Labvanced | Guide
    • MAIN APP TABS

      • Overview: Main Tabs
      • Dashboard
      • My Studies
      • Shared Studies
      • My Files
      • Experiment Library
      • My Account
      • License & Services
    • STUDY TABS

      • Overview: Study-Specific Tabs
      • Study Design
        • Tasks
        • Blocks
        • Sessions
        • Groups
      • Task Editor
        • Task Controls
        • The Trial System
        • Canvas and Page Frames
        • Objects
        • Object Property Tables
        • Variables
        • System Variables Tables
        • The Event System
        • Text Editor Functions
        • Eye Tracking Options in the Task Editor
        • Head Tracking in a Task
        • Multi-User Studies
      • Settings
      • Variables
      • Media
      • Texts & Translate
      • Launch & Participate
      • Subject Management
      • Dataview and Export
        • Dataview and Variable & Task Selection (OLD Version)
        • Accessing Recordings (OLD Version)
  • Videos
    • Video Overview
    • Getting Started in Labvanced
    • Creating Tasks
    • Element Videos
    • Events & Variables
    • Advanced Topics
  • Walkthroughs
    • Introduction
    • Stroop Task
    • Lexical Decision Task
    • Posner Gaze Cueing Task
    • Change Blindness Flicker Paradigm
    • Eye-tracking Sample Study
    • Infant Eye-tracking Study
    • Attentional Capture Study with Mouse Tracking
    • Rapid Serial Visual Presentation
    • ChatGPT Study
    • Eye Tracking Demo: SVGs as AOIs
    • Multi-User Demo: Show Subjects' Cursors
    • Gamepad / Joystick Controller- Basic Set Up
    • Desktop App Study with EEG Integration
    • Between-subjects Group Balancing and Variable Setup
  • FAQ
    • Features
    • Support Policy & Guidelines
    • Security & Data Privacy
    • Licensing
    • Precision of Labvanced
    • Programmatic Use & API
    • Using Labvanced Offline
    • Troubleshooting
    • Study Creation Questions
  • Newsletter Archive
  • Documents
  • Classroom

Using Shapes as Areas of Interest (AOI)

An area of interest (AOI) is a defined region of a frame that Labvanced checks a participant's gaze or fixations against, independent of what is actually drawn there. Labvanced does not have a dedicated "AOI object": instead, you use a Polygon or SVG Object as an invisible mask.

Polygon as an AOI Mask

To use a Polygon object as an AOI:

  1. Draw the polygon tracing the outline of the region you want to track, using as many vertices as needed to follow an irregular shape.
  2. Leave the polygon completely unstyled: no fill, no stroke. It stays invisible to participants, but its vertex boundary is still used for gaze and fixation hit-testing.
  3. Give the polygon a clear Stimulus Info label, so it is easy to identify later when configuring AOI-related metrics or reviewing exported data.

Gaze and fixation samples are tested against the polygon's exact vertex set, not against a bounding rectangle. This matters when your stimulus is not a simple rectangle: a bounding-rectangle AOI around a circular or irregular object would register gaze that falls inside the rectangle but outside the actual object. Metrics such as dwell time and percentage of time in the AOI are computed using the full polygon boundary, not the rectangle.

Use a Polygon AOI when a rectangular area is too coarse for your stimulus shape and an SVG of that shape is not available.

SVG Object as an AOI Mask

If you already have an SVG of the shape you want to track, an SVG Object can serve the same purpose as a Polygon: uploaded to the canvas, styled invisibly, and used as a mask to trigger eye-tracking-related events over that specific area. For the general mechanics of adding an SVG Object, see Working with Objects.

Using an AOI in an Event

Once you have a Polygon or SVG Object defined as an AOI, restrict an Eyetracking Gaze or Eyetracking Fixation trigger to it by selecting the option to only trigger on specific elements and adding that shape as a target. For example, you can use a Polygon as a trigger so that every time a participant fixates on it, a counter variable increases by one. Recording the Stimulus Name or Stimulus Info trigger value alongside your gaze data lets you identify which AOI a given gaze sample belongs to during analysis. The full event-setup steps are covered in Recording and Exporting Gaze Data.

For a complete worked example of using SVGs as AOIs, see the Webcam Eye Tracking Demo: SVGs as AOIs walkthrough. The example below shows fixation counts tallied per AOI region across a face:

Demo showing fixation counts tallied for several AOI regions on a face, including the eyes, nose, and mouth

Frequently Asked Questions

Does Labvanced have a dedicated AOI object?
No. Instead, you use a `Polygon` or `SVG Object` styled invisibly, with no fill and no stroke, as an AOI mask.
Will participants be able to see the AOI shape during the study?
No, as long as it is left completely unstyled. It stays invisible to participants while its boundary is still used for gaze and fixation hit-testing.
Is a rectangular AOI accurate enough for a circular or irregular stimulus?
No. A bounding-rectangle AOI around a circular or irregular object would register gaze that falls inside the rectangle but outside the actual object. A Polygon AOI is tested against its exact vertex set instead, so metrics like dwell time are computed against the true shape boundary.
Should I use a Polygon or an SVG Object for my AOI?
Use a Polygon when a rectangular area is too coarse for your stimulus shape and you don't already have an SVG of that shape. If you already have an SVG of the shape you want to track, it can serve the same masking purpose.
How do I know which AOI a given recorded gaze sample belongs to?
Record the `Stimulus Name` or `Stimulus Info` trigger value alongside your gaze data. Giving each AOI a clear `Stimulus Info` label when you build it makes this easy to identify during analysis.

Further Reading

Recording and Exporting Gaze Data

Build the event that restricts gaze or fixation triggers to a specific AOI.

Setting Up Eye Tracking in a Task

AOIs are set up within a task that already has eye tracking enabled.

Presenting Stimuli in an Eye Tracking Task

How stimuli and objects relate to eye tracking generally.

Prev
Recording and Exporting Gaze Data
Next
The Participant Calibration Experience