Animated SPLOMs

Using Animation to Alleviate Overdraw in Multiclass Scatterplot Matrices (SPLOMs).

  Website Repository   User Study Repository

Using Animation to Alleviate Overdraw in Multiclass Scatterplot Matrices (SPLOMs)

Authors

Citation

This paper has been conditionally accepted to CHI 2018. The citation information below will be updated when this status changes.

Chen, Helen, Sophie Engle, Alark Joshi, Eric D. Ragan, Beste Filiz Yuksel, and Lane Harrison, “Using Animation to Alleviate Overdraw in Multiclass Scatterplot Matrices”, to appear in Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems (CHI 2018), ACM, New York, NY, USA, April 2018. DOI: 10.1145/3173574.3173991

@inproceedings{AnimatedSPLOMs,
  title     = {Using Animation to Alleviate Overdraw in Multiclass Scatterplot Matrices},
  author    = {Chen, Helen and Engle, Sophie and Joshi, Alark and Ragan, Eric D. and Yuksel, Beste Filiz and Harrison, Lane},
  booktitle = {Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems},
  location  = {Montreal, Canada},
  publisher = {ACM},
  address   = {New York, NY, USA},
  isbn      = {978-1-4503-5620-6/18/04},
  doi       = {10.1145/3173574.3173991},
  url       = {https://doi.org/10.1145/3173574.3173991},
  month     = {April},
  year      = {2018}
}

Media

Find various videos and animated GIFs below. Feel free to share on social media!

Preview Description
 Abbreviated Demo GIF (16x9)
This sharable GIF gives an abbreviated demonstration on how to use our tool. This version has a 16:9 aspect ratio and is provided in 4k resolution.
 Abbreviated Demo GIF (Cropped)
This sharable GIF gives an abbreviated demonstration on how to use our tool. This version is provided in 4k resolution.
 Animated SPLOM Demo Video
This screen recording (no audio) demonstrates how to use our tool, including switching datasets, changing the animation rate, highlighting points of different classes, and using URL parameters to change the point encoding. The video can be streamed in 1080p resolution, or downloaded in 4k resolution.
 Animated SPLOM Figure 3 Video
This narrated screen recording illustrates the regions of the diamonds dataset discused in figure 3 of the paper. The video can be streamed in 1080p resolution, or downloaded in 4k resolution.
 User Study Demo Video
This screen recording (no audio) demonstrates what a user would see while participating in the user study. This is useful if you want to see the study without running the Experimentr framework locally. The video can be streamed in 1080p resolution, or downloaded in 4k resolution.

Materials

We also provide the following supplementary materials:

  • User Study Repository

    https://github.com/usfvgl/splom-studies

    This GitHub repository includes all of the files necessary to launch our user study using the Experimentr framework locally. Note: The Experimentr framework must already be installed. See the project website for instructions.

  • User Study Results

    https://git.io/vb1Fp

    This Gist repository includes CSV files with the user study results in two formats: (a) as exported by the Experimentr framework, and (b) processed into an easier-to-analyze format using Python.

  • Website Repository

    https://github.com/usfvgl/animated-sploms

    This GitHub repository hosts this website using GitHub Pages and Jekyll. You can clone or download this repository to run this website locally, but you must follow these instructions to install the Github Pages gem and run Jekyll to generate and serve the website. This repository includes our JavaScript implementation of this approach.

  • Website Snapshot

    website.zip

    This is a snapshot of our website demonstrating this approach at the time of the final paper submission. This is useful if you want to run a local version of this website without installing Gitub Pages and Jekyll. However, you still need to run a local web server to run the website.

See also our Usage page for illustrations of how to use our tool.

This website is implemented using Animate.css, FontAwesome, and the Bulma CSS framework. Most datasets are from the UCI Machine Learning Repository or generated using the scikit-learn Python package. The visualization demo is implemented using the p5.js JavaScript library. This tool is free and unencumbered public domain software. For more information, see unlicense.org or the accompanying LICENSE file.