Skip to content

A demonstration of orientation, tilt, and gesture based interaction with dynamic data visualization on mobile phones.

License

Notifications You must be signed in to change notification settings

microsoft/TiltInteractionForMobileVisualization

Repository files navigation

Tilt Interaction For Mobile Visualization

A demonstration of orientation, tilt, and gesture based interaction with dynamic data visualization on mobile phones by Matthew Brehmer (Microsoft Research), Bongshin Lee (Microsoft Research), Ken Hinckley (Microsoft Research), and Christopher Collins (Ontario Tech University).

Tilting, Brushing, & Dialing Interactions for Data Visualization on Mobile Phones: Y-axis tilting in portrait or landscape; X-axis tilting for list navigation.

Setup / Testing

  1. Open a terminal and navigate to this directory

  2. Ensure that nodejs is installed

  3. Install the necessary packages with the npm install command

  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.

Tilting, Brushing, & Dialing Interactions for Data Visualization on Mobile Phones: Y-axis tilting in portrait or landscape; X-axis tilting for list navigation.

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 [email protected] with any additional questions or comments.

About

A demonstration of orientation, tilt, and gesture based interaction with dynamic data visualization on mobile phones.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages