/ETSparklines

ETSparklines is a tool that generates word-sized visualizations from eye tracking data.
  1. JavaScript 76.8%
  2. HTML 18.7%
  3. CSS 4.5%
Switch branches/tags
Nothing to show
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching Xcode...

If nothing happens, download Xcode and try again.

Launching Visual Studio...

If nothing happens, download the GitHub extension for Visual Studio and try again.

Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Screenshots
data
images
scripts
style
PreStudy.html
README.md
SparklineMatrix.html

README.md

ETSparklines

Alt text

ETSparklines is a tool that generates word-sized visualizations from eye tracking data.
The word-sized eye tracking visualizations displayed by the tool were presented by Beck et al. They have published a paper at ETVIS 2015.

Getting Started

Prerequisities

  • A web browser with javascript enabled

Installing

  • Download the source code or fork this repository.

  • Open the main page: "SparklineMatrix" in a web browser.

  • Load the data files that contain the eye tracking data. To do this, click on the settings button in the upper-right corner of the screen:
    Alt text

  • In the popup window, click the first "Choose file" button. Navigate around the file chooser, choose the fixation data file, and click the dialog's "Open" button. Repeat these actions with the second file chooser, selecting the AOI data file. Alt text

You can find examples of both files inside the project, in the "data" folder:"Study.csv" and "StudyAOIs.csv"

Built With

  • Javascript
  • d3.js
  • JQuery

Authors

  • Yasett Acurana - Initial implementation