eddings / glyphboard

An Open Tool for Visual Analysis of High-dimensional Data

Glyphboard

Glyphboard is our approach, to combine dimensionality reduction with a seamless integration of glyph-based visualizations that are able to show the most relevant dimensions in a data set at one glance. To this end, we adopted the visual metaphor of a Big Data Landscape, which is explored by a zoomable user interface. This Glyphboard is an efficient tool to complete low-level and high-level analysis tasks with regards to high-dimensional data.

Getting Started

A demo of Glyphboard is available at http://glyphboard.mediadesign-tud.de/. The documentation can be found at https://visualengineers.github.io/glyphboard-doc/.

Install Node

Download and install NodeJS. Verify that you are running at least node 9.x.x and npm 5.6.x by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.

Install Angular

Download and install command line interface of Angular.IO via NPM. We are using Angular CLI version 6.1.X.

npm install -g @angular/cli

Build and Run

Checkout the Glyphboard Sourcecode with --recurse-submodules as parameter. Only then the backend submodule will be checked out.

Enter directory and run npm install and follow the instruction at https://github.com/visualengineers/glyphboard-backend.

Run npm start for a dev server inside the project directory. Navigate to http://localhost:4200/ for the client and http://localhost:4201/ to test the backend. The app will automatically reload if you change any of the source files, but you will have to restart manually if you change the python backend.