Giter Site home page Giter Site logo

atable's Introduction

À Table!

This repository contains the code of the following article presented at ACM CHI 2014:

Charles Perin, Romain Vuillemot, Jean-Daniel Fekete. À Table! Improving Temporal Navigation in Soccer Ranking Tables. Proceedings of the 2014 Annual Conference on Human Factors in Computing Systems (CHI 2014), Apr 2014, Toronto, ON, Canada. ACM

An online demo is also available.

https://www.youtube.com/watch?v=a0duFWu3Zp0

Here is a summary of the project:

À Table! is an enhanced soccer ranking table to improve temporal navigation, by combining two novel interaction techniques. Ranking tables order soccer teams as rows, and columns contain e. g., their points or number of scored goals. Because they are a snapshot of a championship at a time t, they are constantly updated with new results. Such updates change the rows vertical order, which makes the tracking of a team, over time, difficult. We observed that current tables on the web do not support such changes very well, are generally hard to read, and lack dynamic interactions. This contrasts with the extensive use of temporal trends by soccer analysts in articles. We introduce two interactive techniques to better explore time: DRAG-CELL is based on direct manipulation of values to browse ranks; VIZ-RANK uses a transient line chart of team ranks to visually explore a championship. An on-line evaluation with 143 participants shows that each technique efficiently supports a set of temporal tasks, not supported by current ranking tables, while not breaking the flow of users. This paves the way for efficiently introducing advanced visual exploration techniques to millions of soccer enthusiasts who use tables everyday, as well as other application domains which use ranking tables.

<iframe width="100%" height="400" src="http://www.youtube.com/embed/a0duFWu3Zp0?feature=oembed" frameborder="0" allowfullscreen></iframe>

To cite the project or the article:

@inproceedings{perin2014table,
  title={{\`A} Table! Improving Temporal Navigation in Soccer Ranking Tables},
  author={Perin, Charles and Vuillemot, Romain and Fekete, Jean-Daniel and others},
  booktitle={Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI'14)},
  year={2014}
}

We invite the research community to build new table navigation techniques upon this prototype. Its architecture is modular enough to quickly plug any new interaction technique.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.