Skip to content
Source code for an experiment about bubble charts on mobile phones
JavaScript R Other
Branch: master
Clone or download
Latest commit baeb90b Jun 14, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data_analysis
public
src no cookie Mar 31, 2019
.gitattributes
.gitignore
LICENSE readmes Jan 16, 2019
README.md
app.js
package.json
participantList.js
screenshots.png
web.config
webpack.config.js

README.md

A Comparative Evaluation of Animation and Small Multiples For Trend Visualization on Mobile Phones

This repository contains supplemental material for a research paper A Comparative Evaluation of Animation and Small Multiples For Trend Visualization on Mobile Phones by Matthew Brehmer (Microsoft Research), Bongshin Lee (Microsoft Research), Petra Isenberg (Inria), and Eun Kyoung Choe (University of Maryland).

It contains including source code for software used in an experiment as well as experimental data and analysis scripts.

The five stages of a single task, as experienced in the Animation condition (top) and in the Multiples condition (bottom), comprised of atask instruction reading phase (Steps 1–2) and a task completion phase (Steps 3–5).

Figure: The five stages of a single task, as experienced in the Animation condition (top) and in the Multiples condition (bottom), comprised of a task instruction reading phase (Steps 1–2) and a task completion phase (Steps 3–5).

This repository is maintained by Matthew Brehmer.

Experiment Application Source Code

A mobile-only web application for evaluating animated and faceted versions of bubble charts.

An instance of the application is running at aka.ms/multiples, which can be viewed device running the Chrome or Safari mobile web browser.

Setup / Testing

  1. Open a terminal and navigate to this directory

  2. Ensure that nodejs is installed

  3. Install the necessary packages with npm install

  4. Start the node server with: npm start

  5. Open localhost:8080 in Chrome. For emulating a mobile usage environment, launch the Chrome debugger (CTRL + SHIFT + J) and toggle the device emulator (CTRL + SHIFT + M); select your desired mobile device. Note that the application will only be visible in portrait mode in the mobile emulator.

Icon Attribution

The application incorporates (and modifies) the following CC BY 3.0 icons from the Noun Project:

3rd party package dependencies

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.

When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

You can’t perform that action at this time.