Name: lineupjs_bower
Owner: The Caleydo Team
Description: bower compatible version of lineupjs (mirror of the build in npmjs.org)
Created: 2016-12-20 12:24:22.0
Updated: 2016-12-20 12:37:03.0
Pushed: 2017-03-10 09:32:53.0
Homepage: https://github.com/Caleydo/lineupjs
Size: 775
Language: JavaScript
GitHub Committers
| User | Most Recent Commit | # Commits |
|---|
Other Committers
| User | Most Recent Commit | # Commits |
|---|
LineUp is an interactive technique designed to create, visualize and explore rankings of items based on a set of heterogeneous attributes. This is a D3-based re-implementation with limited functionality relative to the original stand-alone LineUp, which you can check out at http://lineup.caleydo.org
LineUp.js depends on D3 for rendering and FontAwesome for icons in the toolbar. Both dependencies are declared as bower dependencies.
Webpack is used as build tool. LineUp itself is written in TypeScript and SASS.
Installation
install
Test
test
Build distribution packages
run build
Watch file changes
run watch
The compiled JavaScript files are located under build and the TypeScript documentation is located under build/docs.
The DOM elements are composed of three parts: header, body, and pool. The header and pool are using HTML5 and the body SVG. However, the body could be rewritten to using HTML, too. The body is using a mix of row and column based approach. Rows are used for the background alteration and for hovering over rows. Column groups are used for efficient use of D3 for rendering individual columns. Individual columns require different rendering strategies.
