labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Behavioral Psychology
      • Personality & Social Psychology
      • Cognitive & Neuro Psychology
      • Developmental & Educational Psychology
      • Clinical & Health Psychology
      • Sports & Movement Psychology
      • Marketing & Consumer Psychology
    • Labvanced Blog
  • Technology
    • Feature Overview
    • Desktop App
    • Phone App
    • Precise Timing
    • Experimental Control
    • Eye Tracking
    • Multi User Studies
    • More ...
      • Questionnaires
      • Artificial Intelligence (AI) Integration
      • Mouse Tracking
      • Data Privacy & Security
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Public Experiment Library
    • Labvanced Sample Studies
  • Pricing
    • Pricing Overview
    • License Configurator
    • Single License
    • Research Group
    • Departments & Consortia
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
  • Appgo to app icon
  • Logingo to app icon
Research
Publications
Researcher Interviews
Use Cases
Labvanced Blog
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
Publications
Researcher Interviews
Use Cases
Labvanced Blog
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • Publications
  • Researcher Interviews
    • Comparing Online Webcam- and Laboratory-Based Eye-Tracking for the Assessment of Infant Audio-Visual Synchrony Perception
    • Finding Goldilocks Influencers- How Follower Count Drives Social Media Engagement
    • The semantic interference in 9- to 36-month old infants: An at-home eye-tracking study on infants' lexical abilities
    • Song Is More Memorable Than Speech Prosody - Discrete Pitches Aid Auditory Working Memory
    • Orthographic Relatedness and Transposed-word Effects in the Grammatical Decision Task
    • Emotion Modulation through Music after Sadness Induction
    • Children Learning Non-Adjacent Dependencies
    • Personality Hear in Noise
    • Are All Eyes the Same?
    • Verbal Priming in Infants
  • Use Cases
    • Research Areas

      • Behavioral Psychology
      • Personality & Social Psychology
      • Cognitive & Neuro Psychology
      • Developmental & Educational Psychology
      • Clinical & Health Psychology
      • Sports & Movement Psychology
      • Marketing & Consumer Psychology
    • Researchers

      • Students
      • Researchers
      • Groups
  • Blog
    • Team Dynamics and Research
    • Stroop Task | History, Task Description, Data and Psychology
    • BKB Sentence Test | Procedure & Research
    • Dyadic Effect in Psychology | Overview & Research
    • Navon Task: Task Setup, Research & More
    • Peer-reviewed Webcam Eye Tracking
    • Corsi Block-Tapping Test: From cubes to online design
    • Dot-Probe Task | Full Guide
    • Types of Memory: Concepts to Research
    • Ultimatum Game
    • The Visual Search Task
    • Attention Tasks in Psychology Research
    • Generalized Anxiety Disorder Scale-7 (GAD-7)
    • Decision Making Tasks in Psychology
    • The Obsessive Compulsive Inventory – Revised (OCI-R)
    • Assessing Executive Function Skills | Tasks & Batteries
    • The Flourishing Scale (FS) Questionnaire
    • Labvanced and the Spirit of Open Science
    • The Psychology of the Incubation Effect
    • The Bouba-Kiki Effect and Task
    • Lexical Decision Task: Accessing the Mental Lexicon
    • Image Description Task and Game with a Chatbox
    • Smooth Data Collection Process | 6 Tips for Research
    • Music Research with Labvanced
    • 7 Classic Cognitive Tasks & Examples
    • Mental Rotation Test | A Spatial Processing Task
    • XY Coordinates in Labvanced
    • 5 Famous Social Psychology Experiments
    • The Power of Remote & Infant-friendly ET
    • The Wisconsin Card Sorting Test
    • 13 Head Tracking Use Cases for Research
    • 5 Tips for Improving Your Perception Skills
    • Introduction to the Preferential Looking Paradigm
    • Researching Cognition in Migraine & Headache Patients
    • The Landing Page - More Info Than You Think!
    • Headphone Checks - Then and Now
    • Sample Studies - Helpful Templates and Demos!
    • What Is Neuroplasticity?
    • 15 Famous Developmental Theories
    • Visual Attention and Eye Tracking
    • What Is Eye Tracking Technology?
    • Eye Tracking in Applied Linguistics Research
    • 10 Popular Linguistic Experiments
    • The Placebo Effect
    • 6 Key Concepts of Experimental Design
    • Conditioned Play Audiometry
    • Ebbinghaus Illusion

Example of different elements in Labvanced for which x coordinates and y coordinates are measured when creating a study

(X,Y) Coordinates in Labvanced

XY-coordinates Overview

Using X,Y coordinates are essential in research and have endless applications. They can be used for many things like gathering data and reporting mouse tracking across time, setting up events / conditions for something to happen, or as the basis for designing the experiment. To get a feel for how (X,Y) coordinates are handled in Labvanced, read on!

X,Y coordinates from a multi-user study where an image was being dragged by a participantX,Y coordinates from a multi-user study where an image was being dragged by a participant

(X,Y) Coordinates in the Editor

First, let’s create a square and place it in the bottom left corner. As you can see, this shape takes the size of one of the shapes in the editor’s background grid (which can be activated by clicking the ‘Grid’ option at the bottom).

Introduction to where xy coordinates are found in Labvanced when working with the editor.

On the right panel, the relevant subsection for us is the ‘Position & Size’ menu where the square’s x-value, the y-value, the width/height is reported, as well as the anchor point. The anchor point is important because it is used to specify which (X,Y) coordinate value is reported on the shape / object. Based on the side menu values, we can conclude that the size of the square is 50 units wide + 50 units high - thus each square on this grid/canvas is 50x50 units.

Since the anchor point is the point for which the (x,y) coordinate is reported, we know the coordinates of the square’s bottom left corner are (0,450). At this point, you might be wondering why it is not (0,0). This is because Labvanced works online and HTML renders from the top down. Later, we will give you an idea for how to account for this if you need to have this value equal to (0,0) for your research.


Now, let’s create another larger shape to continue working with (X,Y) coordinates within the editor canvas. .

Using the same reasoning we followed previously, we can see the coordinates for the top-left corner are (100,50).

Example of an xy coordinate point in Labvanced

Please note that we selected the relevant anchor point in order to see this value.

Since we know that each small grid square in the background is 50x50 units, we can also confirm this visually, by counting 2 small squares to the right and 1 small square down.

Potential Method for Setting the Origin as (0,0)

As mentioned previously, conceptualizing the ‘origin’ as the point where the x- and y-axises meet on the canvas frame yields a coordinate point of (0,450). This is simply because Labvanced works on the browser and this is how HTML renders.

Thus, if for whatever reason, you need this point to be read out as (0,0) you can set up a variable and event in Labvanced that takes the y-value and subtracts 450 from it. By setting up such a ‘transformation’ then the data collected (such as for mouse tracking time series) can automatically be adjusted based on a (0,0) origin.

Using the lower left point in order to start calculations for the xy origin.

(X,Y) Coordinates Within a Specified Plane

In some other cases, you might need to report the (X,Y) coordinates solely within a ‘plane’ that you specify… ie, the origin is not the lower-left point on the canvas but rather a point that you want to specify within your own plane / field. Let’s discuss how this can be done.

Using the big red shape we drew previously as the new ‘area of interest,’ we can define how this shape fits within the main canvas frame by observing that:

  • Horizontally, 100 units is the distance between where the canvas frame starts and where the target red plane starts
  • Vertically, 400 units is the distance between where the canvas frame starts and where the target red plane ends.

An example of xy coordinates within a specific frame in an experiment.

Thus, while the coordinates of the top green box are (300,50) within the canvas frame, we can ‘transform’ to reach the ‘new value’ in the target plane which would be (200,350)... ie, x= 300 - 100; y= 400 - 50

You can confirm this simply by counting 4 boxes to the left and 7 boxes up.

Similarly, for the bottom green box, the new values would be (200,0).


In this final example, let’s pick a random point. It is reported with decimal values which is what data in an experiment would look like.

The new purple square has the coordinates of (465.61, 295.88) within the canvas frame.

Example of an x/y coordinate point within a specific target plane.

To find out what these points are within the target red frame, we do the same thing:

  • TransformedX = 465.61 - 100 = 365.61
  • TransformedY = 400 - 295.88 = 104.12

Coordinates in the new plane = (365.61, 104.12)

Please note that, in Labvanced, as mentioned previously, you can set up these calculations to happen automatically so you can receive all the (x,y) values in the original frame, as well as all the transformed (x,y) values in your target frame.

If you have any questions about (X,Y coordinates) or setting up your experiment with Labvanced, please contact us!

Continue Reading

  • Eye Tracking in a Task: Overview of how eye tracking is used in experimental tasks, including recording (X,Y) coordinates of gaze locations.
  • Head Tracking in a Task: Overview of how head tracking is used in experimental tasks, including recording (X,Y) coordinates of head position.
Prev
Mental Rotation Test | A Spatial Processing Task
Next
5 Famous Social Psychology Experiments