GazePlotter

GazePlotter is a Svelte application for visualizing eye-tracking data. It automatically transforms eye gaze data to interactive scarf plots.

You can use it in your Svelte project as it can be imported as Svelte component via npm package gazeplotter.

Go to:

• Working GazePlotter app
• Guide
• Guide repo
• npm package

Developing

Once you've cloned a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Everything inside src/lib is part of the GazePlotter library, everything inside src/routes is used as a showcase or preview app.

Building

To build GazePlotter library:

npm run package

To create a production version of your showcase app:

npm run build

You can preview the production build with npm run preview.

For deploy on GH Pages, there is a static adapter.

Publishing

To publish library to npm:

npm publish