LineUp: Visual Analysis of Multi-Attribute

LineUp.js Higher Times University Ranking Exploration

LineUp is a visualization technique for multi-attribute rankings. It is implemented as reusable JavaScript library available at It won the best paper award out of 152 submissions at IEEE InfoVis 2013 when it was originally published. The paper and more information can be found on its Caleydo Website. Taggle is a recent publication about the new advanced features of LineUp.

LineUp is my hobby project that I maintain since 2013. It started as a Java extension to the Caleydo framework but soon be rewritten to a JavaScript libraries. Since then, the library and LineUp has changed a lot and is now in version 4. The latest version is written in clean TypeScript and uses a custom rendering engine the LineUpEngine. The latest version can utilize web workers such that it works with one million rows in an interactive way.

The LineUp App is a web application that allows the user to manage and upload CSV files and explore them using LineUp. It has several example dataset one can play around with. Moreover, any ranking can be downloaded as CSV or JSON or exported to e.g. CodeSandbox to be embedded in other websites.

Besides the library itself, I implemented several adapters to other frameworks such as React lineupjsx, Vue.js vue-lineup or Angular ng-lineup. Moreover, there are bindings to R Shiny Widgets lineup_htmlwidget or Jupyter Widgets lineup_widget.

Samuel Gratzl
Samuel Gratzl
Toolsmith for explorers of the information landscape on their treasure hunt for valuable insights

Research Software Engineer with a focus on interactive data exploration