Skip to content
A visualization and statistical analysis web application for eye tracking data
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.deploy
.meteor
.vscode
client
collections
lib
public
server
testFiles
.babelrc
.eslintrc.json
.gitignore
.importjs.js
.prettierrc
.travis.yml
LICENSE
README.md
app.json
devSettings.js
jsconfig.json
mocharc.json
package-lock.json
package.json
saveCSVOutline.js.txt
settings.json
yarn-error.log
yarn.lock

README.md

Visual Eyes

Travis (.org) Coveralls github

A visualization and statistical analysis web application for eye tracking data

  • Supports the SMI BeGaze and iMotions file formats
  • Compatible with macOS, Windows, and Linux

Visual Eyes is a web application, which means that it runs in your internet browser, but all files uploaded to Visual Eyes are stored on your machine and all computations are run on your machine.

Example Animation

The video clip below is an example of the interactive animations that can be produced from eye tracking data.

VisualEyes - Eye tracking data visualization

Deployment

Rather than installing Visual Eyes on your local machine, an instance of Visual Eyes can be deployed to Heroku.

Deploy

Installation Prerequisites

To install Visual Eyes on your local machine, follow the installation instructions for your operating system for each of the following applications:

  1. Install Node.js (includes NPM): https://nodejs.org
  2. Install Meteor.js: https://www.meteor.com/install
  3. Install git: https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
  4. Recommended to Windows Users - Install and use cmder instead of the default Windows Command Line: https://cmder.net/

Installation

  1. Open your terminal (macOS), cmder (Windows), or Command Line (Windows).
  2. Navigate to the directory where you would like to install Visual Eyes. For example:

macOS

cd ~/

Windows

(replace [your username] with your actual Windows username)

cd C:\Users\[your username]
  1. Clone this repository and change to the "visual-eyes" directory.
git clone https://github.com/mattsears18/visual-eyes.git
cd visual-eyes
  1. Install NPM dependencies.
npm install
  1. Launch the application.
npm start
  1. When you see "App running at: http://localhost:3000/" that means that you have usccessfully installed and launched the application. Open your internet browser (e.g. Google Chrome) and navigate to the app: http://localhost:3000

Quick Start

  1. After installing Visual Eyes (see installation instructions above), launch the app and navigate to: http://localhost:3000

  2. Register for an account (top right corner of the app).

  3. Create a study with at least one eye tracking data file.

    Notes:

  4. Add a stimulus file (reference image) to each stimulus by editing each stimulus.

    Note:

  1. Confirm the width and height of each stimulus. By default, the width and height are set to the width and height of the uploaded stimulus file (reference image).
  2. If desired, create variables for the participants, e.g. age, gender, etc.
  3. Create an analysis. Glances are generated from the analysis.
  4. If desired, on the analysis page, click "Download Data as .CSV" to download the results of the analysis in tabular format, along with the input participant variables.
  5. On the analysis page, scroll down to the glances table and click on a glance.
  6. Choose "Convex Hull Areas" for the analysis type to view the convex hull animation of the glance.
You can’t perform that action at this time.