/explorviz-frontend

ExplorViz is a monitoring and visualization approach, which uses dynamic analysis techniques to provide a live trace visualization of large software landscapes. This repository contains the frontend.

Primary LanguageTypeScriptApache License 2.0Apache-2.0


Build Status Dependency Status devDependencies status

Project Description

ExplorViz uses dynamic analysis techniques to provide live trace visualization of the communication in large software landscape. It targets system and program comprehension in those landscapes while still providing details on the communication within an application. A landscape perspective enriches current system visualizations with additional abstraction levels for efficient comprehension of communication between hundreds of applications which is often encountered in, for instance, Cloud environments. On the application level perspective, ExplorViz utilizes the 3D city metaphor combined with an interactive concept of showing only details that are in focus of the analysis. For best accessibility, ExplorViz is a web-based tool featuring cutting-edge technologies like WebGL and HTML 5.

Given the 3D city metaphor visualization of an application, we investigate new interaction styles and higher immersion for a more effective and efficient program comprehension process. For this purpose, we utilize uprising technologies and evaluate developed approaches in experiments with real test subjects.

The usability and effectiveness of ExplorViz has been investigated in controlled experiments which resulted in increased efficiency and effectiveness over competing approaches.

This project is a WIP replica of ExplorViz's visualization component. It substitutes GWT client-code with EmberJS. This is only the frontend, you will need the backend as well for production.

Citation

If you use this software, please cite

Citing ExplorViz' collaborative modularization process:

  • Zirkelbach, Christian, Krause, Alexander and Hasselbring, Wilhelm (2019): Modularization of Research Software for Collaborative Open Source Development. In Proceedings of the Ninth International Conference on Advanced Collaborative Networks, Systems and Applications (COLLA 2019), June 30 - July 04, 2019, Rome, Italy. [BibTex] | [Endnote]

Documentation

The API documentation is available here.

Deployment

Use our Docker images as described in our Wiki.

Development

Prerequisites

You will need the following things properly installed on your computer.

  • Git
  • Node.js with NPM (currently 12.13.0 / npm 6.12.0)

Installation (Generic)

  • git clone <repository-url> this repository
  • cd explorviz-frontend
  • npm install -g ember-cli
  • npm install

Running / Development

Testing

  • npm test or ember test / ember test --server

Building

  • npm build or ember build (development) / ember build --environment=production (production)