Skip to content

Visuall: A tool for convenient construction of a web based visual analysis component

Notifications You must be signed in to change notification settings

ugurdogrusoz/visuall

Repository files navigation

Visuall - convenient construction of a web based visual analysis component

Visuall is a library or template to jump start software developers in building a visual web based component for analysis of relational information represented as a graph.

The library assumes a certain graphical user interface with utmost flexibility for customization. Hence, all components of the GUI from menus to toolbar to panels as well as the canvas are customizable. Most customization can be done via a model description file.

License

Visuall is open source but not free software. Please contact i-Vis Research Lab for terms of use of this software.

Running a local instance

npm install for loading dependencies

node style-generator.js {application description filename} to generate customized application, this changes styles.css and index.html. Notice that the application description file is inside the assets folder.

npm run ng serve for development and debugging

npm run serve-public for making development server accesible on network

npm run ng test for unit tests

npm run ng build to generate a production build, npm run build-prod to generate a minified, uglified production build

npm run ng build and npm run build-prod commands generate files inside dist\ng-visuall folder. An HTTP server should serve these files. You should use server.js file to run a server with command node server.js.

User Guide

A User Guide for the sample application of Visuall can be found here. An application based on Visuall could naturally base their User Guide on this guide.

Developer Guide

A Developer Guide that details how a custom application can be built using Visuall can be found here.

Credits

Icons made by Freepik, Daniel Bruce, TutsPlus, Robin Kylander, Catalin Fertu, Yannick, Icon Works, Flaticon and licensed with Creative Commons BY 3.0

Third-party libraries: Cytoscape.js and many of its extensions, Angular, Google Charts and npm dependecies inside package.json file.

For database it uses free and openly available Neo4j movie database. It can be installed using :play movies on Neo4j Browser

About

Visuall is being developed by i-Vis Research Lab at Bilkent University.