LineUp.js

LineUp is an interactive technique designed to create, visualize and explore rankings of items based on a set of heterogeneous attributes.
Get Started Live Demo


flash_on

Scalable

render more than 1.000.000 rows with ease. In Chrome, Edge, and Firefox.

star

Award winning publication

LineUp is based on the award winning paper Visual Analysis of Multi-Attribute Rankings by Gratzl et. al.

extension

Integrations for popular systems

integrations exists for React, Angular, Vue.js, R Shiny, Jupyter, Polymer, ObservableHQ, and PowerBI

sort

Hierarchical sorting and grouping

Sort by multiple sorting criteria hierarchically or split rows in multiple groups.

filter_list

Flexible interactive filtering

Columns can be interactivly filtered based on the column type using the side panel or column header.

show_chart

Various proven visual encodings

Switchable visualizations for cell, aggregations, and summaries.

list

Overview mode

Switching to the Taggle overview allows to quicky identify overall patterns.

settings

Flexible data model

LineUp.js supports heterogenous attribute, composite, array, and map column types.

code

Written in TypeScript and SASS

Developed using latest web technologies and written in clean TypeScript.